/*内容区 s*/
.commonweb1400 { padding: 0px 15px; }

@media (min-width: 768px) { .commonweb1400 { padding: 0px 20px; } }

@media (min-width: 992px) { .commonweb1400 { padding: 0px 40px; } }

@media (min-width: 1260px) { .commonweb1400 { margin: 0px auto; max-width: 1400px; padding: 0 60px; } }

@media (min-width: 1460px) { .commonweb1400 { padding: 0; } }

.commonweb1600 { padding: 0px 15px; }

@media (min-width: 768px) { .commonweb1600 { padding: 0px 20px; } }

@media (min-width: 992px) { .commonweb1600 { padding: 0px 40px; } }

@media (min-width: 1260px) { .commonweb1600 { padding: 0 60px; } }

@media (min-width: 1460px) { .commonweb1600 { padding: 0 80px; } }

@media (min-width: 1660px) { .commonweb1600 { max-width: 1600px; margin-left: auto; margin-right: auto; padding: 0 80px; } }

@media (min-width: 1760px) { .commonweb1600 .commonweb1600 { padding: 0; } }

/*内容区 e*/
/*字号 s*/
.fz16 { font-size: 14px; }

@media (min-width: 1024px) { .fz16 { font-size: 16px; } }

.fz18 { font-size: 16px; }

@media (min-width: 1024px) { .fz18 { font-size: 18px; } }

.fz20 { font-size: 16px; }

@media (min-width: 1024px) { .fz20 { font-size: 18px; } }

@media (min-width: 1260px) { .fz20 { font-size: 20px; } }

.fz22 { font-size: 16px; }

@media (min-width: 1024px) { .fz22 { font-size: 18px; } }

@media (min-width: 1260px) { .fz22 { font-size: 22px; } }

.fz24 { font-size: 18px; }

@media (min-width: 1024px) { .fz24 { font-size: 20px; } }

@media (min-width: 1260px) { .fz24 { font-size: 24px; } }

.fz26 { font-size: 20px; }

@media (min-width: 768px) { .fz26 { font-size: 22px; } }

@media (min-width: 1024px) { .fz26 { font-size: 24px; } }

@media (min-width: 1260px) { .fz26 { font-size: 26px; } }

.fz28 { font-size: 22px; }

@media (min-width: 1024px) { .fz28 { font-size: 26px; } }

@media (min-width: 1260px) { .fz28 { font-size: 28px; } }

.fz30 { font-size: 22px; }

@media (min-width: 1024px) { .fz30 { font-size: 26px; } }

@media (min-width: 1260px) { .fz30 { font-size: 30px; } }

.fz32 { font-size: 24px; }

@media (min-width: 1024px) { .fz32 { font-size: 28px; } }

@media (min-width: 1260px) { .fz32 { font-size: 32px; } }

.fz36 { font-size: 26px; }

@media (min-width: 1024px) { .fz36 { font-size: 32px; } }

@media (min-width: 1260px) { .fz36 { font-size: 36px; } }

/*字号 e*/
/* 移动端头部控制导航显示/隐藏按钮 s*/
.toggle-btn { width: 30px; height: 30px; position: relative; margin-top: 10px; display: block; }

.toggle-btn span { width: 20px; height: 1px; background: #000000; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }

.toggle-btn span:first-child { top: 8px; }

.toggle-btn span:nth-child(2) { top: 50%; }

.toggle-btn span:last-child { bottom: 7px; }

.toggle-btn.cur span:first-child { -webkit-transform: translate(-50%, 7px) rotate(45deg); -ms-transform: translate(-50%, 7px) rotate(45deg); -o-transform: translate(-50%, 7px) rotate(45deg); transform: translate(-50%, 7px) rotate(45deg); }

.toggle-btn.cur span:nth-child(2) { opacity: 0; }

.toggle-btn.cur span:last-child { -webkit-transform: translate(-50%, -7px) rotate(-45deg); -ms-transform: translate(-50%, -7px) rotate(-45deg); -o-transform: translate(-50%, -7px) rotate(-45deg); transform: translate(-50%, -7px) rotate(-45deg); }

/* 移动端头部控制导航显示/隐藏按钮 e*/
/*分页样式 s*/
.hgy-pagination .hgy-mob-load a { display: block; width: 100%; text-align: center; background-color: #243BAF; color: #fff; font-size: 14px; line-height: 28px; padding: 8px 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

.hgy-pagination .hgy-pagination-view { display: none; text-align: center; }

@media (min-width: 1024px) { .hgy-pagination .hgy-mob-load { display: none; }
  .hgy-pagination .hgy-pagination-view { display: block; }
  .hgy-pagination .hgy-pagination-view .laypage_main { display: inline-block; vertical-align: top; }
  .hgy-pagination .hgy-pagination-view .laypage_main a, .hgy-pagination .hgy-pagination-view .laypage_main input, .hgy-pagination .hgy-pagination-view .laypage_main span { width: 36px; height: 36px; display: inline-block; vertical-align: middle; background-color: #fff !important; line-height: 36px; text-align: center; font-size: 15px; border: 1px solid #d8d8d8; }
  .hgy-pagination .hgy-pagination-view .laypage_main .laypage_curr { background-color: #243BAF !important; border-color: #243BAF; color: #fff; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_curr { background-color: #243BAF !important; border-color: #243BAF; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev, .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next { position: relative; text-align: center; font-size: 0 !important; padding: 0 10px !important; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev span, .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next span { display: none; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev::after, .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next::after { content: ''; width: 8px; height: 8px; border: 2px solid #919191; border-top: none; border-right: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-top: -2px; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_prev::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin-left: 3px; }
  .hgy-pagination .hgy-pagination-view .laypageskin_molv .laypage_next::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 0px; } }

/*分页样式 e*/
/*图片最大 s*/
.hgyMaxPic { text-align: center; font-size: 0; }

.hgyMaxPic img { max-width: 100%; display: inline-block; }

/*图片最大 e*/
.hgyAutoImg img { width: 100%; }

/*图片定位 s*/
.hgyPimg { position: relative; overflow: hidden; }

.hgyPimg::after { content: ''; display: block; padding-bottom: 100%; }

.hgyPimg img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; min-width: 100%; width: auto; height: 100%; }

/*图片最大 e*/
/*返回顶部 s*/
.to-top { position: fixed; bottom: 5%; right: 15px; width: 40px; height: 40px; -webkit-border-radius: 100%; border-radius: 100%; background: #243BAF; opacity: .5; display: none; cursor: pointer; z-index: 89; }

.to-top::before { content: ''; position: absolute; left: 50%; top: 17px; width: 10px; height: 10px; border-top: solid 2px #fff; border-right: solid 2px #fff; -webkit-transform: translate(-50%, 0) rotate(-45deg); -ms-transform: translate(-50%, 0) rotate(-45deg); -o-transform: translate(-50%, 0) rotate(-45deg); transform: translate(-50%, 0) rotate(-45deg); }

@media (min-width: 1024px) { .to-top { bottom: 10%; right: 30px; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; }
  .to-top:hover { opacity: 1; } }

/*返回顶部 e*/


/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font: 14px/1.5 Arial, 'PingFang SC','Microsoft YaHei', sans-serif; color: #333; }

ul, li { list-style: none; }

img { border: 0; vertical-align: middle; }

table { border-collapse: collapse; border-spacing: 0; }

table th, table td { border: 1px solid #ccc; }

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #333; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"], input[type="reset"] { cursor: pointer; }

input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], input[type="reset"], button, select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; border-radius: 0; }

textarea { overflow: auto; vertical-align: top; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important; }

.bd_weixin_popup, .content-box { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 20px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

/* layout start*/
.swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; }

.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform, -o-transform; transition-property: transform,-webkit-transform,-o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-container-android .swiper-slide, .swiper-wrapper { -webkit-transform: translate3d(0, 0, 0); -o-transform: translate(0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.swiper-container-multirow > .swiper-wrapper { -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

.swiper-container-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-transition-property: -webkit-transform,height; -o-transition-property: -o-transform; -webkit-transition-property: height,-webkit-transform; transition-property: height,-webkit-transform; -o-transition-property: height,-o-transform; transition-property: transform,height; transition-property: transform,height,-webkit-transform,-o-transform; }

.swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-wp8-horizontal { -ms-touch-action: pan-y; touch-action: pan-y; }

.swiper-wp8-vertical { -ms-touch-action: pan-x; touch-action: pan-x; }

.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; }

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; }

.swiper-pagination { position: absolute; text-align: center; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 10; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide { -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; -webkit-border-radius: 100%; border-radius: 100%; background: #000; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; -webkit-box-shadow: none; box-shadow: none; -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet-active { opacity: 1; background: #007aff; }


/* Overlay */
.fr-overlay { z-index: 99999; position: fixed; top: 0; left: 0; height: 100%; width: 100%; zoom: 1; overlay: hidden; }

.fr-overlay-background { background: rgba(0, 0, 0, 0.6); filter: alpha(opacity=90); opacity: .9; float: left; width: 100%; height: 100%; position: relative; }

/* Window */
.fr-window { z-index: 100000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; }

/* z-index */
.fr-ui-outside .fr-info { z-index: 100001; }

/* Loading icon */
.fr-loading { z-index: 100001; position: fixed; top: 50%; left: 50%; width: 52px; height: 52px; margin-top: -26px; margin-left: -26px; overflow: visible; }

.fr-loading-offset { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.fr-loading-background, .fr-loading-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fr-loading-background { background: #0d0d0d url(../images/loading.gif) 50% 50% no-repeat; opacity: .8; -webkit-border-radius: 3px; border-radius: 3px; position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid rgba(80, 80, 80, 0.2); }

.fr-loading-icon { display: none; }

/* Bubble (holds everything) */
.fr-bubble { float: left; width: 100%; height: 100%; position: relative; }

/* Fonts */
.fr-ui, .fr-info { font: normal 13px/21px "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif; }

/* Frames / UI */
.fr-frames { height: 100%; width: 100%; position: absolute; display: inline; top: 0; left: 0; overflow: hidden; }

.fr-frames-move { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.fr-frame, .fr-ui { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }

.fr-frame-touch { position: relative; float: left; top: auto; left: auto; width: 100%; }

.fr-window *:not(.fr-caption)::-moz-selection, .fr-window *:not(.fr-caption)::-moz-selection, .fr-window *:not(.fr-caption)::-webkit-selection { background: transparent; }

.fr-window *:not(.fr-caption)::selection, .fr-window *:not(.fr-caption)::-moz-selection, .fr-window *:not(.fr-caption)::-webkit-selection { background: transparent; }

.fr-mobile-touch-enabled .fr-frame .fr-box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fr-frame-touch .fr-box { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fr-mobile-touch-enabled .fr-ui, .fr-mobile-touch-enabled .fr-ui-spacer, .fr-mobile-touch-enabled .fr-ui-wrapper, .fr-mobile-touch-enabled .fr-ui-padder, .fr-mobile-touch-enabled .fr-ui-toggle, .fr-mobile-touch-enabled .fr-ui-outer-border, .fr-mobile-touch-enabled .fr-side { pointer-events: none; }

/* Content */
.fr-box { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.fr-box-has-ui-outside { overflow: hidden; }

.fr-box-spacer, .fr-ui-spacer { position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fr-box-wrapper, .fr-ui-wrapper { position: relative; background: url(../images/blank.gif); overflow: hidden; }

.fr-box-padder, .fr-ui-padder { position: absolute; top: 0; left: 0; zoom: 1; border-color: transparent; border-style: solid; border-width: 0; background: url(../images/blank.gif); }

.fr-box-padder, .fr-ui-padder { position: absolute; top: 0; left: 0; }

.fr-ui-padder { zoom: 1; }

.fr-box-wrapper, .fr-ui-wrapper, .fr-ui-toggle { position: relative; float: left; display: inline; zoom: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fr-box-wrapper { background: #101010; }

.fr-ui-wrapper-outside { float: left; height: 100%; width: 100%; }

/* outer-border */
.fr-box-outer-border, .fr-ui-outer-border { position: relative; float: left; display: inline; height: 100%; width: 100%; zoom: 1; }

/* IE < 8 has a bug where dimensions are ignored without a border */
.fr-ltIE9 .fr-box-outer-border, .fr-ltIE9 .fr-ui-outer-border { border: 0px solid transparent; }

.fr-content { height: 100%; width: 100%; zoom: 1; *display: inline; margin: 0; padding: 0; }

.fr-content-image { position: absolute; top: 0; left: 0; image-rendering: optimizeQuality; max-width: none; }

.fr-content-image-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

.fr-download-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; filter: alpha(opacity=0); opacity: 0; -webkit-user-drag: element; user-drag: element; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: auto; }

/* onClick inside ui-outside */
.fr-onclick-side { position: absolute; top: 0; width: 50%; height: 100%; background: url(../images/blank.gif); overflow: hidden; cursor: pointer; z-index: 1; }

.fr-onclick-side img { cursor: pointer; }

.fr-onclick-previous { left: 0; }

.fr-onclick-next { right: 0; }

/* onClick: 'next' has full width */
.fr-frame-onclick-next .fr-onclick-next { width: 100%; }

.fr-side { position: absolute; top: 0; height: 100%; cursor: pointer; overflow: hidden; background: url(../images/blank.gif) 0 0 repeat; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; zoom: 1; }

.fr-side-disabled { cursor: default; }

.fr-side-button { position: absolute; top: 50%; width: 54px; height: 72px; margin: 0 9px; margin-top: -36px; pointer-events: auto; }

.fr-side-button-icon { float: left; position: relative; height: 100%; width: 100%; zoom: 1; }

.fr-side-previous { left: 0; width: 50%; }

.fr-side-next { right: 0; width: 50%; }

.fr-side-previous .fr-side-button { left: 0; }

.fr-side-next .fr-side-button { right: 0; }

/* sides (UI outside), smaller area */
.fr-ui-outside .fr-side { width: 72px; height: 72px; top: 50%; margin-top: -36px; }

.fr-ui-outside .fr-side-button { margin-top: 0; top: 0; }

/* * Info  */
.fr-info { position: absolute; bottom: 0px; left: 0px; width: 100%; color: #efefef; pointer-events: auto; }

.fr-info-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; line-height: 1%; filter: alpha(opacity=80); opacity: .8; zoom: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #000; }

.fr-info-outside .fr-info-background { background: #0d0d0d; -webkit-filter: none; filter: none; opacity: 1; }

.fr-info-padder { padding: 12px; display: block; filter: alpha(opacity=99); overflow: hidden; width: auto; position: relative; }

.fr-caption { position: relative; filter: alpha(opacity=99); opacity: .99; width: auto; word-wrap: no-wrap; }

.fr-position-text { position: relative; }

/* UI inside */
.fr-has-position .fr-info-inside .fr-caption { margin-right: 75px; }

.fr-info-inside .fr-position { filter: alpha(opacity=99); opacity: .99; position: relative; text-align: right; word-wrap: no-wrap; line-height: 21px; color: #b3b3b3; float: right; width: 75px; }

.fr-no-caption .fr-info-inside .fr-position { width: auto; margin: 0 1px 1px 0; color: #b9b9b9; filter: alpha(opacity=99); }

.fr-info-inside .fr-position-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fr-no-caption .fr-info-inside .fr-position-background { -webkit-border-radius: 12px; border-radius: 12px; background: #101010; filter: alpha(opacity=80); opacity: .8; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.fr-info-inside .fr-position-text { position: relative; }

.fr-no-caption .fr-info-inside .fr-position-text { float: left; height: 13px; line-height: 13px; padding: 6px 10px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

/* hide the position on small screens */
@media all and (max-width: 568px) and (max-height: 320px), all and (max-width: 320px) and (max-height: 568px) { .fr-has-position .fr-info-inside .fr-caption { margin-right: 0; }
  .fr-position { display: none !important; }
  /* smaller side buttons */
  .fr-ui-outside .fr-side { width: 54px; height: 50px; margin-top: -25px; }
  .fr-side-button { width: 40px; height: 50px; margin: 0 6px; margin-top: -25px; } }


/* UI outside */
.fr-ui-outside .fr-position { position: absolute; bottom: 15px; right: 15px; display: inline; width: auto; margin: 0 1px 1px 0; color: #b9b9b9; }

.fr-ui-outside .fr-position-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-border-radius: 12px; border-radius: 12px; filter: alpha(opacity=80); opacity: .8; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #1e1e1e; border: 1px solid rgba(180, 180, 180, 0.2); }

.fr-ui-outside .fr-position-text { position: relative; float: left; width: auto; text-align: right; word-wrap: no-wrap; color: #b3b3b3; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; word-wrap: no-wrap; padding: 6px 10px; height: 13px; line-height: 13px; }

.fr-ui-outside .fr-position-background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Info without caption */
.fr-no-caption .fr-info-outside { display: none; }

.fr-no-caption .fr-info-padder { pointer-events: none; }

.fr-no-caption .fr-info-background { pointer-events: none; opacity: 0; -webkit-filter: none; filter: none; display: none; }

/* 1/5 */
.fr-no-caption .fr-position-text, .fr-ui-outside .fr-position-text { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

/* outside position */
.fr-ui-outside .fr-position { float: none; position: absolute; bottom: 0; right: 0; margin: 15px; }

/* IE 7 */
.fr-ltIE8 .fr-info * { zoom: 1; filter: alpha(opacity=99); }

.fr-ltIE8 .fr-box * { zoom: 1; filter: alpha(opacity=99); }

/* Info (UI outside) */
.fr-info-outside { bottom: auto; }

.fr-no-caption .fr-info-outside .fr-info-padder { padding: 10px 5px; }

.fr-ui-outside .fr-no-caption .fr-position { margin: 0; }

/* X */
.fr-close { position: absolute; top: 0px; right: 0px; width: 47px; height: 47px; cursor: pointer; pointer-events: auto; }

.fr-close-background, .fr-close-icon { position: absolute; top: 12px; left: 12px; height: 23px; width: 23px; }

.fr-close-background { filter: alpha(opacity=80); opacity: .8; -webkit-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; transition: background-color .2s ease-in; background-color: #282828; cursor: pointer; }

.fr-close:hover .fr-close-background { background-color: #333; }

.fr-ui-outside .fr-close-background { background-color: #363636; }

.fr-ui-outside .fr-close:hover .fr-close-background { background-color: #434343; }

/* * Thumbnails */
.fr-thumbnails { position: absolute; width: 100%; height: 9%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); zoom: 1; overflow: hidden; }

.fr-thumbnails-horizontal { left: 0; bottom: 0; min-height: 40px; max-height: 120px; padding: 20px 0; }

.fr-thumbnails-vertical { left: 0; top: 0; min-width: 40px; max-width: 120px; padding: 0 20px; }

.fr-thumbnails, .fr-thumbnails * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.fr-thumbnails-wrapper { position: absolute; top: 0; left: 50%; height: 100%; }

.fr-thumbnails-vertical .fr-thumbnails-wrapper { top: 50%; left: 0; }

.fr-thumbnails-slider { position: relative; width: 100%; height: 100%; float: left; zoom: 1; }

.fr-thumbnails-slider-slide { position: absolute; top: 0; left: 0; height: 100%; }

.fr-thumbnails-thumbs { float: left; height: 100%; overflow: hidden; position: relative; top: 0; left: 0; }

.fr-thumbnails-slide { position: absolute; top: 0; height: 100%; width: 100%; }

.fr-thumbnail-frame { position: absolute; zoom: 1; overflow: hidden; }

.fr-thumbnail { position: absolute; width: 30px; height: 100%; left: 50%; top: 50%; zoom: 1; cursor: pointer; margin: 0 10px; }

.fr-ltIE9 .fr-thumbnail * { overflow: hidden; /* IE6 */ z-index: 1; zoom: 1; }

.fr-thumbnail-wrapper { position: relative; background: #161616; width: 100%; height: 100%; float: left; overflow: hidden; display: inline; /* IE6 */ z-index: 0; /* IE8 */ }

.fr-thumbnail-overlay { cursor: pointer; }

.fr-thumbnail-active .fr-thumbnail-overlay { cursor: default; }

.fr-thumbnail-overlay, .fr-thumbnail-overlay-background, .fr-thumbnail-overlay-border { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fr-thumbnail-overlay-border { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 0; overflow: hidden; border-style: solid; border-color: transparent; }

.fr-thumbnail img { position: absolute; filter: alpha(opacity=85); opacity: .85; max-width: none; }

.fr-thumbnail:hover img, .fr-thumbnail-active:hover img { filter: alpha(opacity=99); opacity: .99; }

.fr-thumbnail-active img, .fr-thumbnail-active:hover img { filter: alpha(opacity=35); opacity: .35; }

.fr-thumbnail-active { cursor: default; }

/* Thumbnails loading */
.fr-thumbnail-loading, .fr-thumbnail-loading-background, .fr-thumbnail-loading-icon { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fr-thumbnail-loading-background { background-color: #101010; background-image: url(../images/loading.gif); background-position: 50% 50%; background-repeat: no-repeat; opacity: .8; position: relative; float: left; }

/* this element is there as an alternative to putting the loading image on the background */
.fr-thumbnail-loading-icon { display: none; }

/* Thumbnail < >*/
.fr-thumbnails-side { float: left; height: 100%; width: 28px; margin: 0 10px; position: relative; overflow: hidden; }

.fr-thumbnails-side-previous { margin-left: 20px; }

.fr-thumbnails-side-next { margin-right: 20px; }

.fr-thumbnails-side-button { position: absolute; top: 50%; left: 50%; margin-top: -14px; margin-left: -14px; width: 28px; height: 28px; cursor: pointer; }

.fr-thumbnails-side-button-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; filter: alpha(opacity=80); opacity: .8; -webkit-transition: background-color .2s ease-in; -o-transition: background-color .2s ease-in; transition: background-color .2s ease-in; background-color: #333; cursor: pointer; -webkit-border-radius: 4px; border-radius: 4px; }

.fr-thumbnails-side-button:hover .fr-thumbnails-side-button-background { background-color: #3b3b3b; }

.fr-thumbnails-side-button-disabled * { cursor: default; }

.fr-thumbnails-side-button-disabled:hover .fr-thumbnails-side-button-background { background-color: #333; }

.fr-thumbnails-side-button-icon { height: 42px; width: 42px; position: absolute; top: -7px; left: -7px; width: 100%; height: 100%; }

/* vertical thumbnails */
.fr-thumbnails-vertical .fr-thumbnails-side, .fr-thumbnails-vertical .fr-thumbnails-thumbs, .fr-thumbnails-vertical .fr-thumbnail-frame { clear: both; }

/* Touch UI */
.fr-frames-has-touch-ui { top: 43px; }

.fr-touch-menu { position: absolute; width: 100%; top: 0; left: 0; height: 43px; }

.fr-touch-menu-wrapper { float: left; width: 100%; height: 100%; position: relative; }

.fr-touch-caption { position: absolute; width: 100%; top: 100%; left: 0; margin-top: -43px; }

.fr-touch-menu-wrapper, .fr-touch-caption-wrapper { float: left; width: 100%; height: 100%; position: relative; }

.fr-touch-caption-overflow-scroll { /* TODO */ overflow-x: hidden; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

.fr-touch-menu-background, .fr-touch-caption-background { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #000; line-height: 1%; filter: alpha(opacity=80); opacity: .8; zoom: 1; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #000; }

.fr-touch-caption-info { float: left; position: relative; clear: both; padding-right: 38px; color: #efefef; }

.fr-touch-caption-info-padder { float: left; padding: 11px; display: block; filter: alpha(opacity=99); overflow: hidden; width: auto; position: relative; }

.fr-touch-caption-text-wrapper { float: left; clear: both; font-weight: normal; font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif; font-size: 13px; line-height: 21px; height: 21px; /* same as line-height */ width: 100%; overflow: hidden; }

.fr-touch-caption-text { float: left; }

.fr-touch-caption-overflow .fr-touch-caption-text-wrapper { overflow: visible; height: auto; }

/* buttons */
.fr-touch-button { padding: 10px 4px; width: 23px; height: 23px; position: relative; cursor: pointer; }

.fr-touch-button .fr-touch-button-background { position: absolute; top: 10px; left: 4px; height: 23px; width: 23px; }

.fr-touch-button .fr-touch-button-background { background-color: #303030; }

.fr-touch-button:hover .fr-touch-button-background { background-color: #404040; }

.fr-touch-button-icon { float: left; position: relative; width: 23px; height: 23px; }

/* x */
.fr-touch-close { position: absolute; top: 0; right: 0; padding-right: 11px; }

/* ... */
.fr-touch-caption-more { position: absolute; top: 0; right: 0; padding-right: 11px; display: none; }

.fr-touch-caption-padded .fr-touch-caption-more { display: block; }

/* we can improve things on browsers that support media queries */
@media all and (min-height: 0px) { .fr-thumbnails { padding: 10px 0; }
  .fr-thumbnail, .fr-thumbnails-side { margin: 0 4px; }
  .fr-thumbnails-side-previous { margin-left: 8px; }
  .fr-thumbnails-side-next { margin-right: 8px; }
  .fr-thumbnail-loading-background { background-image: url(../images/images-small.gif); } }

@media all and (min-height: 200px) { .fr-thumbnails { padding: 12px 0; }
  .fr-thumbnail, .fr-thumbnails-side { margin: 0 6px; }
  .fr-thumbnails-side-previous { margin-left: 12px; }
  .fr-thumbnails-side-next { margin-right: 12px; } }

@media all and (min-height: 350px) { .fr-thumbnail-loading-background { background-image: url(../images/imagesmedium.gif); } }

@media all and (min-height: 500px) { .fr-thumbnails { padding: 14px 0; }
  .fr-thumbnail, .fr-thumbnails-side { margin: 0 7px; }
  .fr-thumbnails-side-previous { margin-left: 14px; }
  .fr-thumbnails-side-next { margin-right: 14px; } }

@media all and (min-height: 700px) { .fr-thumbnails { padding: 20px 0; }
  .fr-thumbnail, .fr-thumbnails-side { margin: 0 10px; }
  .fr-thumbnails-side-previous { margin-left: 20px; }
  .fr-thumbnails-side-next { margin-right: 20px; }
  .fr-thumbnail-loading-background { background-image: url(../images/loading.gif); } }

/* IE specific resets */
.fr-ltIE8 * { zoom: 1; z-index: 1; }

.fr-ltIE9 .fr-content-image-overlay, .fr-ltIE9 .fr-has-caption .fr-info-outside .fr-info-background { border: 0; }

/* * ===== Skin: Fresco =====  */
/* Sprite */
.fr-window-fresco .fr-side-button-icon, .fr-window-fresco .fr-close-icon, .fr-window-fresco .fr-touch-close .fr-touch-button-icon, .fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon, .fr-window-fresco .fr-thumbnails-side-button-icon { background-image: url(../images/sprite.png); }

/* High-res sprite */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) { .fr-window-fresco .fr-side-button-icon, .fr-window-fresco .fr-close-icon, .fr-window-fresco .fr-touch-close .fr-touch-button-icon, .fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon, .fr-window-fresco .fr-side-button-icon { background-image: url(../images/sprite@x2.png); background-size: 500px 500px; /* downscaled 50%, size of original sprite */ } }

.fr-window-fresco .fr-box-outer-border { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }

/* outer-border instead of inner-border example (box and ui px should be the same) */
/*.fr-window-fresco .fr-box-outer-border { border: 10px solid #fff; }.fr-window-fresco .fr-ui-outer-border { padding: 10px; }.fr-window-fresco .fr-content-image-overlay { border-width: 0; }*/
.fr-window-fresco .fr-box-wrapper { background: #101010; border-color: transparent; border-style: solid; border-width: 0; }

.fr-window-fresco .fr-content-image-overlay { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: transparent; border-color: rgba(255, 255, 255, 0.08); }

/* remove bottom border if the image has a caption, or add it when it has a caption */
.fr-window-fresco .fr-has-caption .fr-box-has-ui-outside .fr-content-image-overlay { border-bottom-width: 0px; }

.fr-window-fresco .fr-no-caption .fr-box-has-ui-outside .fr-content-image-overlay { border-bottom-width: 1px; }

.fr-window-fresco .fr-ui-outside .fr-position-text { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); }

.fr-window-fresco .fr-no-caption .fr-info-inside .fr-position-background { border: 1px solid rgba(180, 180, 180, 0.15); }

.fr-window-fresco .fr-has-caption .fr-info-inside .fr-info-background { border: 1px solid rgba(68, 68, 68, 0.1); border-top-width: 0; }

.fr-window-fresco .fr-has-caption .fr-info-outside .fr-info-background { border: 1px solid rgba(80, 80, 80, 0.25); border-top-width: 0; }

.fr-window-fresco .fr-thumbnail-wrapper { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.fr-window-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }

/* < >*/
.fr-window-fresco .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -14px; }

.fr-window-fresco .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -14px; }

.fr-window-fresco .fr-side-previous:hover .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }

.fr-window-fresco .fr-side-next:hover .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }

/* disabled state (IE < 9) */
.fr-window-fresco .fr-side-previous .fr-side-button-disabled .fr-side-button-icon, .fr-window-fresco .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -13px -214px; }

.fr-window-fresco .fr-side-next .fr-side-button-disabled .fr-side-button-icon, .fr-window-fresco .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -93px -214px; }

/* < >transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }

.fr-window-fresco:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }

.fr-window-fresco:not(.fr-ltIE9) .fr-side .fr-side-button .fr-side-button-icon { -webkit-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; opacity: .5; }

.fr-window-fresco .fr-side:hover .fr-side-button .fr-side-button-icon, .fr-window-fresco .fr-frame .fr-side .fr-side-button-active .fr-side-button-icon { opacity: 1; }

/* < >transition (IE < 9) */
.fr-ltIE9 .fr-frame .fr-side-previous .fr-side-button-active .fr-side-button-icon { background-position: -13px -114px; }

.fr-ltIE9 .fr-frame .fr-side-next .fr-side-button-active .fr-side-button-icon { background-position: -93px -114px; }

/* disabled side */
.fr-window-fresco:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled .fr-side-button-icon, .fr-window-fresco:not(.fr-ltIE9) .fr-ui-outside .fr-side .fr-side-button-disabled:hover .fr-side-button-icon { opacity: .2; }

/* on the inside we hide disabled sides */
.fr-window-fresco .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon { background-image: none; }

/* responsive < >*/
@media all and (max-width: 568px) and (max-height: 320px), all and (max-width: 320px) and (max-height: 568px) { .fr-window-fresco .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -300px; }
  .fr-window-fresco .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -300px; }
  .fr-window-fresco .fr-side-previous:hover .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
  .fr-window-fresco .fr-side-next:hover .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }
  .fr-window-fresco:not(.fr-ltIE9) .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
  .fr-window-fresco:not(.fr-ltIE9) .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -350px; } }

/* X */
.fr-window-fresco .fr-close .fr-close-icon { background-position: -169px -9px; }

.fr-window-fresco .fr-close:hover .fr-close-icon { background-position: -210px -9px; }

/* X transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-close .fr-close-icon { background-position: -210px -9px; -webkit-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; opacity: .8; }

.fr-window-fresco .fr-close:hover .fr-close-icon { opacity: 1; }

/* Thumbnails */
.fr-window-fresco .fr-thumbnail-wrapper { border-color: transparent; border-style: solid; border-width: 0; }

.fr-window-fresco .fr-thumbnail-wrapper { -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); }

.fr-window-fresco .fr-thumbnail-active .fr-thumbnail-wrapper { -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }

.fr-window-fresco .fr-thumbnail-wrapper { -webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.3); }

.fr-window-fresco .fr-thumbnail-overlay-border { border-width: 1px; border-color: rgba(255, 255, 255, 0.08); /* should remain rgba */ }

/* no inner border on active thumbnail */
.fr-thumbnail-active .fr-thumbnail-overlay-border, .fr-thumbnail-active:hover .fr-thumbnail-overlay-border { border: 0px; }

/* Thumbnails < >*/
.fr-window-fresco .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -160px -41px; }

.fr-window-fresco .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -202px -41px; }

.fr-window-fresco .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -160px -83px; }

.fr-window-fresco .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -202px -83px; }

/* vertical ^ (up/down) adjustments */
.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon { background-position: -286px -41px; }

.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-icon { background-position: -328px -41px; }

.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon { background-position: -286px -83px; }

.fr-window-fresco .fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-icon { background-position: -328px -83px; }

/* Thumbnails < >transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-icon { -webkit-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; opacity: .8; }

.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -160px -41px; }

.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -202px -83px; }

.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-icon { opacity: 1; }

/* vertical ^ (up/down) adjustments */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-icon, .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled { background-position: -286px -41px; }

.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-icon, .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled { background-position: -328px -83px; }

/* lower opacity on disabled states */
.fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side .fr-thumbnails-side-button-disabled, .fr-window-fresco:not(.fr-ltIE9) .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled { opacity: .5; }

/* lower opacity IE < 9 using images */
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -244px -41px; }

.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-fresco.fr-ltIE9 .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -244px -83px; }

.fr-window-fresco.fr-ltIE9 .fr-thumbnails-side .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background, .fr-window-fresco.fr-ltIE9 .fr-thumbnails-side:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-background { filter: alpha(opacity=50); }

/* vertical ^ (up/down) adjustments */
.fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-previous .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-previous:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -370px -41px; }

.fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-next .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon, .fr-window-fresco.fr-ltIE9 .fr-thumbnails-vertical .fr-thumbnails-side-next:hover .fr-thumbnails-side-button-disabled .fr-thumbnails-side-button-icon { background-position: -370px -83px; }

/* Touch caption */
/* background */
.fr-window-fresco .fr-touch-menu-background, .fr-window-fresco .fr-touch-caption-background { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-color: transparent; border-color: rgba(255, 255, 255, 0.12); border-width: 0 0 1px 0; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

.fr-window-fresco .fr-touch-caption-background { border-width: 1px 0 0 0; -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.3); }

/* smaller text on mobile devices */
@media all and (max-width: 568px) and (max-height: 320px), all and (max-width: 320px) and (max-height: 568px) { .fr-window-fresco .fr-touch-caption-text-wrapper { font-size: 12px; } }

/* x */
.fr-window-fresco .fr-touch-close .fr-touch-button-icon { background-position: -169px -9px; }

.fr-window-fresco .fr-touch-close:hover .fr-touch-button-icon { background-position: -210px -9px; }

/* x transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-close .fr-touch-button-icon { background-position: -210px -9px; -webkit-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; opacity: .8; }

.fr-window-fresco .fr-touch-close .fr-touch-button-icon { opacity: 1; }

/* ... */
.fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon { background-position: -169px -134px; }

.fr-window-fresco .fr-touch-caption-more:hover .fr-touch-button-icon { background-position: -210px -134px; }

/* ... transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-caption-more .fr-touch-button-icon { background-position: -210px -134px; -webkit-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; opacity: .8; }

.fr-window-fresco .fr-touch-caption-more .fr-touch-button-icon { opacity: 1; }

/* ... \/ */
.fr-window-fresco .fr-touch-caption-less .fr-touch-button-icon { background-position: -169px -175px; }

.fr-window-fresco .fr-touch-caption-less:hover .fr-touch-button-icon { background-position: -210px -175px; }

/* ... \/ transition */
.fr-window-fresco:not(.fr-ltIE9) .fr-touch-caption-less .fr-touch-button-icon { background-position: -210px -175px; -webkit-transition: opacity .2s ease-in; -o-transition: opacity .2s ease-in; transition: opacity .2s ease-in; opacity: .8; }

.fr-window-fresco .fr-touch-caption-less .fr-touch-button-icon { opacity: 1; }

/* * ===== Skin: IE6 (always used there as a fallback) =====  */
.fr-window-IE6 * { zoom: 1; }

/* Sprite */
.fr-window-IE6 .fr-side-button-icon, .fr-window-IE6 .fr-close-icon, .fr-window-IE6 .fr-thumbnails-side-button-icon { background-image: url(../images/sprite.png); }

/* < >*/
.fr-window-IE6 .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: -13px -114px; }

.fr-window-IE6 .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -93px -114px; }

/* disabled */
.fr-window-IE6 .fr-side-previous .fr-side-button-disabled .fr-side-button-icon, .fr-window-IE6 .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -13px -214px; }

.fr-window-IE6 .fr-side-next .fr-side-button-disabled .fr-side-button-icon, .fr-window-IE6 .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -93px -214px; }

.fr-window-IE6 .fr-ui-inside .fr-side-button-disabled .fr-side-button-icon { display: none; }

/* responsive < >*/
@media all and (max-width: 568px) and (max-height: 320px), all and (max-width: 320px) and (max-height: 568px) { .fr-window-IE6 .fr-side-previous .fr-side-button .fr-side-button-icon { background-position: 0px -350px; }
  .fr-window-IE6 .fr-side-next .fr-side-button .fr-side-button-icon { background-position: -40px -350px; }
  .fr-window-IE6 .fr-side-previous .fr-side-button-disabled .fr-side-button-icon, .fr-window-IE6 .fr-side-previous:hover .fr-side-button-disabled .fr-side-button-icon { background-position: 0px -400px; }
  .fr-window-IE6 .fr-side-next .fr-side-button-disabled .fr-side-button-icon, .fr-window-IE6 .fr-side-next:hover .fr-side-button-disabled .fr-side-button-icon { background-position: -40px -400px; } }

/* X */
.fr-window-IE6 .fr-close .fr-close-icon { background-position: -169px -9px; }

.fr-window-IE6 .fr-close:hover .fr-close-icon { background-position: -210px -9px; }

.fr-window-IE6 .fr-info { filter: alpha(opacity=99); }

.fr-window-IE6 .fr-ui-outside .fr-info { background: #000; }

.fr-window-IE6 .fr-close-icon { background-color: #232323; }

.fr-window-IE6 .fr-close .fr-close-background { display: none; }

.fr-window-IE6 .fr-info-background { display: none; }

.fr-window-IE6 .fr-has-caption .fr-ui-inside .fr-info, .fr-window-IE6 .fr-info-outside { background: #0d0d0d; }

.fr-window-IE6 .fr-position { background: #101010; }

.fr-window-IE6 .fr-has-caption .fr-ui-inside .fr-position { background: none; }

.fr-window-IE6 .fr-position .fr-position-background { display: none; }



body { overflow-x: hidden; overflow-y: auto; }

/*企业文化 s*/
.culturePage { padding-bottom: 40px; }

.cultureCon { margin-top: 25px; }

.cultureCon .word { color: #808395; }

.cultureSwiper { margin-top: 20px; overflow: hidden; position: relative; }

.cultureSwiper .left { float: left; width: 30%; }

.cultureSwiper .left .hgyPimg::after { padding-bottom: 138.33333%; }

.cultureSwiper .right { float: right; width: 66.66667%; }

.cultureSwiper .right .hgyPimg::after { padding-bottom: 62.25%; }

.culturePrev, .cultureNext { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 30px; background: url(../images/icon-prev.png) no-repeat center center; background-size: 100% 100%; z-index: 2; }

.culturePrev::after, .cultureNext::after { content: ''; display: block; padding-bottom: 150%; }

.culturePrev { left: 0; }

.cultureNext { right: 0; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }

/*企业文化 e*/
/*公司架构 s*/
.structureAreaOne { padding-bottom: 30px; background: url(../images/structurebg.jpg) no-repeat center bottom; background-size: 100% auto; }

.structureConOne { margin-top: 25px; }

.structureConTwo .hgyPimg::after { padding-bottom: 66.66667%; }

.structureConTwo .right { padding: 20px 15px 30px; }

.structureConTwo h2 { letter-spacing: -1px; color: #45495f; margin-bottom: 20px; }

.structureConTwo .desc1 { color: #808395; }

.structureConTwo .desc2 { font-size: 16px; color: #45495f; margin-top: 14px; }

.structureConTwo .desc2 p { font-weight: bold; }

/*公司架构 e*/
/*发展历程 s*/
.historyAreaTwo { border-top: solid 1px #d1cccc; margin-top: 25px; overflow: hidden; background: url(../images/history-bg.jpg) no-repeat center bottom; background-size: 100% auto; }

.historyConTwo { padding-left: 33.3333%; position: relative; width: 100%; height: 480px; z-index: 10; }

.historyConTwo::before { content: ''; position: absolute; left: 33.3333%; height: 100%; top: 0; width: 1px; background: #e0dcdc; }

.historyConTwo .left { position: absolute; left: 0; top: 0; width: 33.33333%; height: 100%; }

.historyConTwo .left::after { content: ''; position: absolute; top: 57px; left: 100%; width: 4px; height: 45px; background: #243BAF; }

.historyConTwo .right { width: 100%; height: 100%; overflow: hidden; padding-left: 35px; padding-top: 20px; padding-bottom: 20px; }

.historyWord { max-height: 100%; overflow-y: auto; width: 100%; padding-right: 10px; display: none; }

.historyWord::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(0, 0, 0, 0); }

.historyWord::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }

.historyWord::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #243BAF; }

.historyWord:first-child { display: block; }

.historyWord .txtItem { margin-bottom: 20px; }

.historyWord .month { color: #243BAF; font-size: 16px; font-weight: bold; }

.historyWord .desc { color: #808395; margin-top: 8px; }

.historyWord .picItem { padding: 5px; border: solid 2px #dadeee; background-color: #ffffff; margin-top: 35px; }

.historyLine { position: absolute; width: 9999px; height: 160px; right: 0; top: 160px; border-top: solid 1px #e0dcdc; border-bottom: solid 1px #e0dcdc; }

.historySwiper { height: 100%; padding-bottom: 400px; overflow: hidden; position: relative; z-index: 2; }

.historySwiper .swiper-slide { position: relative; padding-right: 15px; }

.historySwiper .swiper-slide-active .historyItem p { color: #243BAF; }

.historyItem { display: table; width: 100%; height: 100%; }

.historyItem p { display: table-cell; vertical-align: middle; text-align: center; color: #9b9eac; line-height: 1.5; font-size: 22px; -webkit-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; }

.historyItem span { font-size: 14px; padding-left: 5px; }

.historyCtrl { position: absolute; font-size: 0; z-index: 4; text-align: center; width: 100%; padding-right: 15px; top: 50px; }

.historyNext, .historyPrev { width: 30px; height: 30px; display: block; vertical-align: top; background: url(../images/icon-prev-round.png) no-repeat center center; background-size: 100% 100%; margin: 0 3px; }

.historyNext:active, .historyPrev:active { background-image: url(../images/icon-prev-round-o.png); }

.historyPrev { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.historyNext { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }

/*发展历程 e*/
/*产品详情 s*/
.tableBox { overflow-y: auto; padding-bottom: 8px; }

.tableBox::-webkit-scrollbar { width: auto; height: 2px; background-color: rgba(0, 0, 0, 0); }

.tableBox::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }

.tableBox::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #243BAF; }

.tableBox table { width: 100%; }

/*产品详情 e*/
/*资质荣誉 s*/
.honorCon { margin-top: 25px; }

.honorTab ul { display: table; table-layout: fixed; width: 100%; }

.honorTab li { display: table-cell; vertical-align: middle; position: relative; }

.honorTab li:first-child a { border-right: 0; }

.honorTab li::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #243BAF; opacity: 0; }

.honorTab li.cur::after { opacity: 1; }

.honorTab a { display: block; color: #51566b; text-align: center; text-indent: 2px; padding: 10px 10px; line-height: 20px; border: solid 1px #d6dae0; background-color: #f7f8fb; }

.honorListBox { margin-top: 25px; margin-bottom: 15px; overflow: hidden; }

.honorList { margin-left: -8px; margin-right: -8px; font-size: 0; }

.honorList li { padding: 0 8px; display: inline-block; vertical-align: top; width: 50%; font-size: 14px; padding-bottom: 12px; margin-bottom: 14px; border-bottom: solid 1px #f6f6f6; }

.honorList .item { display: block; }

.honorList .hgyPimg { border: solid 1px #cbcfda; background-color: #f1f3f7; }

.honorList .hgyPimg::after { padding-bottom: 133.33333%; }

.honorList h2 { text-align: center; color: #5a6275; font-size: 16px; line-height: 1.2; padding-top: 6px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.honorPage { padding-bottom: 40px; }

/*资质荣誉 e*/
/*社会责任 s*/
.responsibilityConOne { margin-top: 25px; }

.responsibilityConOne .left .hgyPimg::after { padding-bottom: 58.33333%; }

.responsibilityConOne .right { background-color: #f2f5f8; padding: 20px 15px 30px; }

.responsibilityConOne .right h3 { letter-spacing: -1px; color: #243baf; font-size: 18px; font-weight: 400; margin-bottom: 14px; }

.responsibilityConOne .right .txt { color: #7f8089; overflow-y: auto; max-height: 112px; padding-right: 10px; }

.responsibilityConOne .right .txt::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(0, 0, 0, 0); }

.responsibilityConOne .right .txt::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }

.responsibilityConOne .right .txt::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #243BAF; }

.responsibilityConTwo { padding-top: 20px; padding-bottom: 40px; background: url(../images/sw-bg22.jpg) no-repeat center bottom; background-size: 100% auto; }

.responsibilityConTwo .hgyPimg::after { padding-bottom: 46.66667%; }

.responBigSwiper { overflow: hidden; }

.responSmallSwiper { margin-top: 10px; overflow: hidden; }

.responSmallSwiper .swiper-slide { border: solid 2px #707070; }

.responSmallSwiper .swiper-slide.cur { border-color: #243BAF; }

/*社会责任 e*/
/*展望未来 s*/
.futureConOne { margin-top: 25px; }

.futureConOne .left .hgyPimg::after { padding-bottom: 58.33333%; }

.futureConOne .right { background-color: #f2f5f8; padding: 20px 15px 30px; }

.futureConOne .right h3 { letter-spacing: -1px; color: #243baf; font-size: 18px; font-weight: 400; margin-bottom: 14px; }

.futureConOne .right .txt { color: #7f8089; overflow-y: auto; max-height: 112px; padding-right: 10px; line-height: 19px; }

.futureConTwo { padding-top: 30px; }

.futureConTwo > .hgyPimg::after { padding-bottom: 29.16667%; }

.futureConTwoBox li { margin-bottom: 10px; }

.futureConTwoBox .icon { width: 66px; height: 66px; margin-left: auto; margin-right: auto; margin-bottom: 8px; }

.futureConTwoBox .icon img { width: 100%; height: 100%; }

.futureConTwoBox .title { text-align: center; padding-bottom: 12px; margin-bottom: 12px; position: relative; }

.futureConTwoBox .title::after { content: ''; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 40px; height: 2px; background: #243BAF; }

.futureConTwoBox .title h3 { color: #333333; font-size: 16px; line-height: 1; margin-bottom: 2px; }

.futureConTwoBox .title h4 { color: #9296a1; font-size: 16px; line-height: 1; }

.futureConTwoBox .item { padding: 15px; border: solid 1px #c9c9c9; }

.futureConTwoBox .desc { margin-top: 10px; text-align: center; padding-right: 10px; overflow-y: auto; line-height: 20px; height: 100px; color: #7f8089; }

.futureConTwoBox .desc::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(0, 0, 0, 0); }

.futureConTwoBox .desc::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }

.futureConTwoBox .desc::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #243BAF; }

/*展望未来 e*/
/*产品中心 s*/
.productList { margin-bottom: 30px; }

.productList ul { font-size: 0; border-top: solid 1px #dcdcdc; border-left: solid 1px #dcdcdc; }

.productList li { display: inline-block; vertical-align: top; width: 50%; border-right: solid 1px #dcdcdc; border-bottom: solid 1px #dcdcdc; }

.productList .item { display: block; position: relative; }

.productList h2 { position: absolute; font-size: 14px; width: 100%; padding: 0 10px; text-align: center; font-weight: bold; bottom: 20px; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.productPage { padding-bottom: 40px; }

.productPage .soluteBlock { padding-bottom: 0; }

/*产品中心 e*/
/*成功案例 s*/
.casePage { padding-bottom: 40px; }

.casePage .publicScreen { margin-bottom: 15px; }

.caseListBox { margin-bottom: 20px; }

.caseListBox ul { font-size: 0; margin-left: -5px; margin-right: -5px; }

.caseListBox li { display: inline-block; vertical-align: top; font-size: 14px; padding: 0 5px; width: 50%; margin-bottom: 10px; }

.caseListBox .item { display: block; }

.caseListBox .hgyPimg::after { padding-bottom: 64.34316%; }

.caseListBox .word { border: solid 1px #dcdcdc; border-top: 0; padding-top: 10px; padding-bottom: 10px; }

.caseListBox h2 { color: #333333; font-size: 16px; font-weight: bold; padding: 0 15px; line-height: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

/*成功案例 e*/
/*新闻资讯 s*/
.newsListBox { margin-bottom: 30px; }

.newsListBox li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #dcdcdc; }

.newsListBox .item { display: block; }

.newsListBox .hgyPimg::after { padding-bottom: 62.5%; }

.newsListBox .word { padding-top: 10px; }

.newsListBox .date { color: #cdd0d7; font-weight: bold; margin-bottom: 5px; }

.newsListBox h2 { font-size: 16px; color: #4f5563; line-height: 1.2; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.newsListBox .desc { color: #797a7f; display: -webkit-box; height: 60px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.newsCon { margin-top: 15px; }

.newsPage { padding-bottom: 40px; }

/*新闻资讯 e*/
/*新闻详细 s*/
.newsScreen { margin-top: 20px; background-color: #f4f4f4; border-top: solid 2px #243BAF; padding: 15px; }

.newsScreen .screenList { font-size: 0; background: url(../images/news-screen.png) no-repeat left center; background-size: auto 20px; padding-left: 55px; }

.newsScreen .screenList a { display: inline-block; font-size: 14px; vertical-align: top; font-weight: bold; line-height: 26px; margin-right: 10px; }

.newsScreen .screenList a:nth-child(1) { color: #414768; }

.newsScreen .screenList a:nth-child(2) { color: #757888; }

.newsScreen .screenList a:nth-child(3) { color: #b0b2bb; }

.newsSearch { margin-top: 15px; }

.newsSearch form { position: relative; background: #fff; border: solid 1px #e5e5e5; font-size: 0; padding-right: 34px; }

.newsSearch .searchInput { height: 34px; padding: 0 10px; width: 100%; font-size: 14px; }

.newsSearch .searchSubmit { position: absolute; top: 0; right: 0; width: 34px; height: 34px; background: transparent url(../images/icon-red-search.png) no-repeat center center; background-size: 14px 14px; }

.newsDetailCon { margin-top: 25px; padding-bottom: 35px; }

.newsDetailCon h1 { letter-spacing: -1px; color: #414768; font-size: 22px; font-weight: 400; line-height: 1.2; margin-bottom: 8px; }

.newsDetailCon .date { color: #cdd0d7; font-weight: bold; }

.newsDetailCon .link { text-align: center; font-size: 0; }

.newsDetailCon .link a { display: inline-block; vertical-align: top; font-size: 14px; text-align: center; line-height: 40px; color: #333333; padding: 0 14px; background-color: #f0f1f5; font-weight: bold; }

.newsDetailCon .content { color: #797a7f; padding-bottom: 30px; }

.newsDetailCon .content img { max-width: 100%; }

.newsDetailCon .left { margin-top: 30px; }

.newsDetailCtrl { margin-top: 30px; padding-top: 30px; border-top: solid 1px #eeeeee; }

.newsDetailCase { display: block; position: relative; }

.newsDetailCase .hgyPimg::after { padding-bottom: 40%; }

.newsDetailCase .word { position: absolute; top: 0; left: 0; width: 100%; padding: 30px 20px; }

.newsDetailCase .zh { color: #c2c2c3; font-size: 16px; line-height: 1; margin-bottom: 5px; }

.newsDetailCase .en { color: #cdcdcd; opacity: 0.4; letter-spacing: -1px; line-height: 1; font-size: 16px; font-weight: bold; }

.newsDetailCase .read { color: #c2c2c3; font-size: 14px; margin-top: 20px; }

.newsDetailInfo { padding-bottom: 12px; margin-bottom: 15px; border-bottom: solid 1px #dcdcdc; }

.newsOther { background-color: #f4f4f4; padding-top: 25px; padding-bottom: 40px; }

.newsOtherCon { margin-top: 15px; }

.newsOtherSwiper { overflow: hidden; }

.newsOtherSwiper .item { display: block; background: #fff; padding: 20px; }

.newsOtherSwiper h2 { letter-spacing: -1px; color: #555555; font-size: 16px; font-weight: bold; line-height: 1.2; margin-bottom: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.newsOtherSwiper .date { letter-spacing: -1px; color: #c2bab3; font-weight: bold; font-size: 14px; margin-bottom: 10px; }

.newsOtherSwiper .desc { color: #666666; font-size: 14px; display: -webkit-box; height: 54px; line-height: 18px; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.newsOtherSwiper .link { color: #243BAF; font-size: 14px; margin-top: 20px; line-height: 22px; position: relative; }

.newsOtherSwiper .link::after { content: ''; margin-left: 10px; width: 13px; height: 13px; display: inline-block; vertical-align: middle; background: url(../images/icon-right22.png) no-repeat center center; background-size: 100% 100%; }

.newsOtherPage { font-size: 0; line-height: 1; text-align: center; margin-top: 15px; }

.newsOtherPage span { margin: 0 3px; background: #fff; }

.newsOtherPage .swiper-pagination-bullet-active { background: #243BAF; }

/*新闻详细 e*/
/*资料下载 s*/
.downloadCon { position: relative; margin-top: 20px; }

.downloadCon .pic { overflow: hidden; height: 220px; }

.downloadCon .pic img { width: auto; height: 100%; position: relative; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: none; }

.downloadArea { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 100%; left: 0; }

.downloadList { font-size: 0; margin-left: -4px; margin-right: -4px; }

.downloadList li { display: inline-block; vertical-align: top; width: 33.3333%; font-size: 14px; padding: 0 4px; }

.downloadList .item { display: block; background: #fff; padding: 20px 0; }

.downloadList .icon { width: 36px; height: 36px; display: block; margin-left: auto; margin-right: auto; margin-bottom: 5px; }

.downloadList .icon img { width: 100%; height: 100%; }

.downloadList h2 { text-align: center; font-size: 14px; font-weight: bold; color: #333333; padding: 0 10px; margin-bottom: 8px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.downloadList i { display: block; width: 20px; height: 20px; margin-left: auto; margin-right: auto; background: url(../images/download-icons.png) no-repeat left bottom; background-size: 100% auto; }

/*资料下载 e*/
/*联系我们 s*/
.contactCon { margin-top: 25px; padding-bottom: 40px; }

.contactCon .right { margin-top: 20px; }

.contactCon label { font-weight: bold; }

.contactCon input { height: 40px; border-bottom: solid 1px #b5b5b5; width: 100%; }

.contactCon .formArea { margin-bottom: 15px; }

.contactCon textarea { height: 60px; border-bottom: solid 1px #b5b5b5; width: 100%; line-height: 20px; }

.contactCon .formCtrl { margin-top: 20px; text-align: center; font-size: 0px; }

.contactCon .formCtrl button { display: inline-block; vertical-align: top; margin: 0 5px; border: solid 1px #bfbfbf; color: #666; text-align: center; padding: 0 18px; font-size: 14px; background: none; height: 40px; }

.contactCon .formCtrl .btnSubmit { background: #243BAF; border-color: #243BAF; color: #fff; }

.contactDesc { margin-bottom: 15px; }

.contactDesc h4 { color: #333333; font-size: 16px; font-weight: bold; margin-bottom: 4px; }

.contactDesc p { color: #878991; font-size: 14px; }

.contactInfo h4 { color: #333333; font-size: 16px; font-weight: bold; }

.contactInfo p { line-height: 20px; color: #666666; margin-top: 15px; padding-left: 32px; background-size: 18px 18px; background-position: left 2px; }

.contactInfo .address { background-image: url(../images/icon-add.png); }

.contactInfo .email { background-image: url(../images/icon-ema.png); }

.contactInfo .phone { background-image: url(../images/icon-t.png); }

.contactMap { padding-bottom: 31.77083%; position: relative; overflow: hidden; }

#map { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.contactQrcode { display: none; }

/*联系我们 e*/
/*搜索结果 s*/
.searchPage { padding-bottom: 40px; }

/*搜索结果 e*/

.qrcodeBox { width: 120px; height: 120px; padding: 10px; background: #243BAF; margin-top: 25px;}
.qrcodeBox img { width: 100%; height: 100%; }

@media (min-width: 768px) { /*公司架构 s*/
  .structureConTwo { display: table; table-layout: fixed; width: 100%; }
  .structureConTwo .left { width: 50%; display: table-cell; vertical-align: middle; }
  .structureConTwo .right { width: 50%; display: table-cell; vertical-align: middle; }
  .structureConTwo .txt { overflow-y: auto; padding-right: 10px; height: 114px; }
  .structureConTwo .txt::-webkit-scrollbar { width: 2px; height: 8px; background-color: rgba(0, 0, 0, 0); }
  .structureConTwo .txt::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 2px; border-radius: 2px; background-color: rgba(0, 0, 0, 0); }
  .structureConTwo .txt::-webkit-scrollbar-thumb { -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); background-color: #243BAF; }
  /*公司架构 e*/
  /*资质荣誉 s*/
  .honorList li { width: 33.33333%; }
  /*资质荣誉 e*/
  /*社会责任 s*/
  .responsibilityConOne { display: table; table-layout: fixed; width: 100%; }
  .responsibilityConOne .left { display: table-cell; vertical-align: middle; width: 50%; }
  .responsibilityConOne .right { display: table-cell; vertical-align: middle; width: 50%; }
  /*社会责任 e*/
  /*展望未来 s*/
  .futureConOne { display: table; table-layout: fixed; width: 100%; }
  .futureConOne .left { display: table-cell; vertical-align: middle; width: 50%; }
  .futureConOne .right { display: table-cell; vertical-align: middle; width: 50%; }
  .futureConTwoBox ul { margin-left: -10px; margin-right: -10px; font-size: 0; }
  .futureConTwoBox li { display: inline-block; vertical-align: top; font-size: 14px; width: 33.33333%; padding: 0 10px; }
  /*展望未来 e*/
  /*产品中心 s*/
  .productList li { width: 33.33333%; }
  /*产品中心 e*/
  /*成功案例 s*/
  .caseListBox li { width: 33.3333%; }
  /*成功案例 e*/
  /*新闻资讯 s*/
  .newsListBox .item { display: table; table-layout: fixed; }
  .newsListBox .pic { display: table-cell; vertical-align: middle; width: 26.66667%; }
  .newsListBox .word { display: table-cell; vertical-align: middle; padding-left: 20px; padding-top: 0; width: 100%; }
  /*新闻资讯 e*/
  /*新闻详情 s*/
  .newsDetailCon .left { margin-top: 0; float: left; width: 25%; }
  .newsDetailCon .right { float: right; width: 70%; }
  .newsDetailCase .hgyPimg::after { padding-bottom: 120%; }
  /*新闻详情 e*/
  /*资料下载 s*/
  .downloadCon .pic { height: 320px; }
  /*资料下载 e*/
  /*联系我们 s*/
  .contactForm form { font-size: 0; margin-left: -12px; margin-right: -12px; }
  .contactForm .formArea { padding: 0 12px; font-size: 14px; }
  .contactForm .formArea.half { width: 50%; display: inline-block; vertical-align: top; }
  .contactForm .formCtrl { padding: 0 12px; text-align: right; }
  /*联系我们 e*/ }


@media (min-width: 1024px) { /*企业文化 s*/
  .culturePage { padding-bottom: 60px; }
  .cultureCon { margin-top: 50px; }
  .cultureCon .word { line-height: 24px; }
  .cultureSwiper { margin-top: 25px; }
  .cultureSwiper:hover .culturePrev { left: 0; }
  .cultureSwiper:hover .cultureNext { right: 0; }
  .culturePrev, .cultureNext { width: 40px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  .culturePrev:hover, .cultureNext:hover { background-image: url(../images/icon-prev2.png); }
  .culturePrev::after, .cultureNext::after { padding-bottom: 60px; }
  .culturePrev { left: -41px; }
  .cultureNext { right: -41px; }
  /*企业文化 e*/
  /*公司架构 s*/
  .structureConOne { margin-top: 50px; }
  .structureAreaOne { padding-bottom: 68px; }
  .structureConTwo .right { padding-left: 40px; padding-right: 40px; }
  .structureConTwo .txt { height: 190px; }
  .structureConTwo .desc1 { line-height: 24px; }
  .structureConTwo .desc2 { line-height: 24px; font-size: 18px; }
  /*公司架构 e*/
  /*发展历程 s*/
  .historyAreaTwo { margin-top: 50px; }
  .historyConTwo { height: 750px; }
  .historyConTwo .left::after { top: 109px; }
  .historyConTwo .right { padding-top: 50px; padding-left: 100px; padding-bottom: 65px; }
  .historySwiper { padding-bottom: 625px; }
  .historySwiper .swiper-slide { padding-right: 75px; }
  .historyItem p { text-align: right; font-size: 32px; }
  .historyItem p span { font-size: 22px; }
  .historyLine { height: 250px; top: 250px; }
  .historyCtrl { text-align: left; top: 60px; width: auto; }
  .historyNext, .historyPrev { width: 50px; height: 50px; margin: 5px 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; cursor: pointer; }
  .historyNext:hover, .historyPrev:hover { background-image: url(../images/icon-prev-round-o.png); }
  /* .historyPrev { -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } */
  .historyNext { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); }
  .historyWord .month { font-size: 18px; }
  .historyWord .desc { margin-top: 16px; line-height: 24px; }
  .historyWord .txtItem { margin-bottom: 33px; padding-right: 100px; }
  .historyWord .picItem { border-width: 4px; padding: 10px 45px; margin-top: 55px; }
  /*发展历程 e*/
  /*资质荣誉 s*/
  .honorPage { padding-bottom: 60px; }
  .honorCon { margin-top: 35px; }
  .honorTab a { font-size: 18px; letter-spacing: 4px; padding-top: 20px; padding-bottom: 20px; }
  .honorListBox { margin-top: 30px; margin-bottom: 0; }
  .honorList { margin-left: -30px; margin-right: -30px; }
  .honorList li { width: 25%; padding-left: 30px; padding-right: 30px; padding-bottom: 40px; margin-bottom: 30px; }
  .honorList h2 { font-size: 20px; font-weight: bold; padding-top: 15px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .honorList .item:hover h2 { color: #243BAF; }
  .honorList .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  /*资质荣誉 e*/
  /*社会责任 s*/
  .responsibilityConOne .right { padding-left: 40px; padding-right: 40px; }
  .responsibilityConOne .right h3 { font-size: 22px; }
  .responsibilityConOne .right .txt { line-height: 24px; max-height: 120px; }
  .responsibilityConTwo { padding-top: 40px; padding-bottom: 19.08333%; }
  .responSmallSwiper { margin-top: 30px; }
  .responSmallSwiper .swiper-slide { cursor: pointer; }
  /*社会责任 e*/
  /*展望未来 s*/
  .futureConOne .right { padding-left: 40px; padding-right: 40px; }
  .futureConOne .right h3 { font-size: 20px; }
  .futureConOne .right .txt { line-height: 24px; max-height: 168px; }
  .futureConTwo { padding-top: 60px; }
  .futureConTwoBox { margin-bottom: -186px; position: relative; z-index: 2; }
  .futureConTwoBox ul { margin-left: -26px; margin-right: -26px; }
  .futureConTwoBox li { padding: 0 26px; margin-bottom: 0; }
  .futureConTwoBox .item { padding: 40px 30px 25px 30px; background: #fff; }
  .futureConTwoBox .icon { width: 74px; height: 74px; margin-bottom: 16px; }
  .futureConTwoBox .title { padding-bottom: 20px; margin-bottom: 35px; }
  .futureConTwoBox .title h3 { font-size: 18px; font-weight: bold; margin-bottom: 4px; }
  .futureConTwoBox .title h4 { font-size: 18px; }
  .futureConTwoBox .desc { line-height: 24px; height: 120px; }
  /*展望未来 e*/
  /*产品中心 s*/
  .productCtrl { position: relative; margin-bottom: 60px; }
  .productCtrl .publicTitleOne { padding-right: 460px; }
  .productCtrl .publicScreen { position: absolute; margin-top: 0; right: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); z-index: 2; width: 100%; }
  .productList { margin-bottom: 40px; }
  .productList li { background: #fff; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; }
  .productList li:hover { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); z-index: 2; border-color: transparent; -webkit-box-shadow: 0 10px 40px -30px #243BAF; box-shadow: 0 10px 40px -30px #243BAF; }
  .productList li:hover h2 { color: #243BAF; }
  .productList h2 { font-size: 18px; bottom: 26px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .productPage { padding-bottom: 60px; }
  /*产品中心 e*/
  /*成功案例 s*/
  .casePage { padding-bottom: 60px; }
  .casePage .publicScreen { margin-top: 30px; margin-bottom: 30px; }
  .caseListBox { margin-bottom: 0; }
  .caseListBox ul { margin-left: -15px; margin-right: -15px; }
  .caseListBox li { padding: 0 15px; margin-bottom: 40px; }
  .caseListBox .item:hover h2 { color: #243BAF; }
  .caseListBox .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  .caseListBox .word { padding-top: 14px; padding-bottom: 14px; }
  .caseListBox h2 { font-size: 18px; line-height: 22px; padding: 0 25px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  /*成功案例 e*/
  /*新闻资讯 s*/
  .newsPage { padding-bottom: 60px; }
  .newsPage .publicScreen { margin-top: 30px; }
  .newsCon { margin-top: 30px; }
  .newsCon li { padding-bottom: 30px; margin-bottom: 30px; }
  .newsCon .word { padding-left: 50px; }
  .newsCon .date { font-size: 16px; }
  .newsCon .item:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  .newsCon .item:hover h2 { color: #243BAF; }
  .newsCon h2 { font-size: 18px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .newsCon .desc { line-height: 24px; height: 72px; }
  /*新闻资讯 e*/
  /*新闻详情 s*/
  .newsScreen { margin-top: 35px; padding: 30px; }
  .newsScreen .screenList { background-size: auto 28px; padding-left: 80px; float: left; }
  .newsScreen .screenList a { line-height: 44px; margin-right: 20px; }
  .newsSearch { float: right; margin-top: 0; }
  .newsSearch form { width: 480px; }
  .newsSearch .searchInput { height: 42px; padding: 0 15px; }
  .newsSearch .searchSubmit { width: 42px; height: 42px; background-size: 20px 20px; }
  .newsCenterList li { margin-top: 20pt; position: relative; }
  .newsCenterList li::before { content: ''; position: absolute; left: -65px; height: 1pt; width: 140px; top: 50px; background-color: #e62129; z-index: 5; }
  .newsCenterList li::after { content: ''; position: absolute; left: -65px; height: 11px; width: 11px; background-color: #e62129; top: 45px; margin-left: -6px; }
  .newsCenterList li:hover > a { -webkit-box-shadow: 0 10pt 20pt -10pt #aaa; box-shadow: 0 10pt 20pt -10pt #aaa; -webkit-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); }
  .newsCenterList li:hover img { -webkit-transform: translate(-50%, -50%) scale(1.05); -ms-transform: translate(-50%, -50%) scale(1.05); -o-transform: translate(-50%, -50%) scale(1.05); transform: translate(-50%, -50%) scale(1.05); }
  .newsCenterList li > a { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .newsCenterList .word { padding-left: 40px; }
  .newsCenterList h2 { font-size: 18pt; }
  .newsCenterList .date { margin-bottom: 30px; }
  .newsCenterList .desc { line-height: 24pt; height: 48pt; }
  .newsCenterList .publicMore { right: 40px; }
  .newsDetailCon { margin-top: 40px; }
  .newsDetailCon h1 { font-size: 24px; }
  .newsDetailCon .date { color: #cdd0d7; font-size: 16px; }
  .newsDetailCon .content { line-height: 24px; }
  .newsDetailCon .link a { line-height: 46px; font-size: 16px; min-width: 120px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .newsDetailCon .link a:hover { color: #fff; background: #243BAF; }
  .newsDetailInfo { padding-bottom: 20px; margin-bottom: 24px; }
  .newsDetailCtrl { margin-top: 40px; padding-top: 40px; position: relative; }
  .newsDetailCase .word { padding: 25px; }
  .newsDetailCase .zh { font-size: 18px; }
  .newsDetailCase .en { font-size: 18px; }
  .newsDetailCase .read { line-height: 20px; font-size: 16px; margin-top: 143px; }
  .newsOther { padding-top: 30px; padding-bottom: 40px; }
  .newsOtherCon { margin-top: 0; padding-left: 60px; padding-right: 60px; position: relative; }
  .newsOtherPrev, .newsOtherNext { width: 40px; height: 40px; background: url(../images/other-prev.png) no-repeat center center; background-size: 100% 100%; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 10px; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .newsOtherPrev:hover, .newsOtherNext:hover { background-image: url(../images/other-prev-2.png); }
  .newsOtherPrev { left: 0; }
  .newsOtherNext { right: 0; -webkit-transform: translateY(-50%) rotate(180deg); -ms-transform: translateY(-50%) rotate(180deg); -o-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); }
  .newsOtherPage { display: none; }
  .newsOtherSwiper { padding-top: 22px; }
  .newsOtherSwiper .item { padding: 25px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .newsOtherSwiper .item:hover { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); -webkit-box-shadow: 0 8px 15px -10px #aaa; box-shadow: 0 8px 15px -10px #aaa; }
  .newsOtherSwiper h2 { font-size: 18px; }
  .newsOtherSwiper .date { font-size: 16px; line-height: 1; margin-bottom: 20px; }
  .newsOtherSwiper .desc { line-height: 24px; height: 72px; }
  .newsOtherSwiper .link { font-size: 16px; }
  .newsOtherSwiper .link::after { width: 19px; height: 19px; margin-left: 12px; }
  /*新闻详情 e*/
  /*资料下载 s*/
  .downloadCon { margin-top: 35px; }
  .downloadList { margin-left: -15px; margin-right: -15px; }
  .downloadList .item { padding-top: 35px; padding-bottom: 30px; }
  .downloadList .item:hover i { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; background-position: left top; }
  .downloadList .item:hover .icon::before { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; width: 70px; height: 70px; opacity: 1; }
  .downloadList li { padding: 0 15px; }
  .downloadList .icon { width: 50px; height: 50px; margin-bottom: 15px; position: relative; z-index: 2; }
  .downloadList .icon::before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; height: 90%; -webkit-border-radius: 100%; border-radius: 100%; background: #dfe6fb; z-index: -1; opacity: 0; }
  .downloadList h2 { font-size: 18px; margin-bottom: 20px; }
  .downloadList i { width: 33px; height: 33px; }
  /*资料下载 e*/
  /*联系我们 s*/
  .contactCon .left { width: 33.33333%; float: left; padding-right: 40px; padding-top: 20px; }
  .contactCon .right { width: 66.66667%; float: right; margin-top: 0; }
  .contactCon label { font-size: 16px; }
  .contactDesc { margin-bottom: 20px; }
  .contactForm form { margin-left: -30px; margin-right: -30px; }
  .contactForm .formCtrl { padding: 0 30px; }
  .contactForm .formArea { padding: 0 30px; }
  /*联系我们 e*/
  /*搜索结果 s*/
  .searchPage { padding-bottom: 60px; }
  /*搜索结果 e*/ }


@media (min-width: 1260px) { /*企业文化 s*/
  .culturePage { padding-bottom: 100px; }
  .cultureCon { margin-top: 70px; }
  .cultureSwiper { margin-top: 35px; }
  /*企业文化 e*/
  /*公司架构 s*/
  .structureConOne { margin-top: 75px; }
  .structureAreaOne { padding-bottom: 108px; }
  .structureConTwo .right { padding-left: 60px; }
  .structureConTwo .word { width: 540px; }
  .structureConTwo h2 { margin-bottom: 64px; }
  .structureConTwo .desc2 { margin-top: 30px; }
  .structureConTwo .txt { height: 248px; }
  /*公司架构 e*/
  /*发展历程 s*/
  .historyAreaTwo { margin-top: 80px; }
  .historyCtrl { top: 56px; }
  .historyNext, .historyPrev { width: 64px; height: 64px; }
  .historyWord .txtItem { padding-right: 169px; }
  /*发展历程 e*/
  /*资质荣誉 s*/
  .honorPage { padding-bottom: 100px; }
  .honorCon { margin-top: 55px; }
  .honorTab a { padding-top: 29px; padding-bottom: 29px; font-weight: bold; }
  .honorListBox { margin-top: 40px; }
  .honorList { margin-left: -40px; margin-right: -40px; }
  .honorList li { padding-left: 40px; padding-right: 40px; margin-bottom: 40px; padding-bottom: 55px; }
  /*资质荣誉 e*/
  /*社会责任 s*/
  .responsibilityConOne { margin-top: 55px; }
  .responsibilityConOne .right { padding-left: 60px; }
  .responsibilityConOne .right h3 { font-size: 28px; line-height: 44px; margin-bottom: 30px; }
  .responsibilityConOne .word { width: 540px; }
  .responsibilityConTwo { padding-top: 60px; padding-bottom: 229px; }
  .responSmallSwiper { margin-top: 40px; }
  /*社会责任 e*/
  /*展望未来 s*/
  .futureConOne { margin-top: 55px; }
  .futureConOne .right { padding-left: 60px; }
  .futureConOne .right h3 { margin-bottom: 30px; font-size: 24px; }
  .futureConOne .right .txt { max-height: 216px; }
  .futureConOne .word { width: 540px; }
  .futureConTwo { padding-top: 100px; }
  .futureConTwoBox { margin-bottom: -225px; }
  .futureConTwoBox ul { margin-left: -35px; margin-right: -35px; }
  .futureConTwoBox li { padding: 0 35px; }
  .futureConTwoBox .item { padding: 60px 60px 35px 40px; }
  .futureConTwoBox .icon { width: 88px; height: 88px; margin-bottom: 18px; }
  .futureConTwoBox .title { padding-bottom: 28px; margin-bottom: 55px; }
  .futureConTwoBox .title h3 { font-size: 20px; }
  .futureConTwoBox .title h4 { font-size: 20px; }
  /*展望未来 e*/
  /*产品中心 s*/
  .productCtrl { margin-bottom: 80px; }
  .productCtrl .publicScreen { -webkit-transform: translateY(-48px); -ms-transform: translateY(-48px); -o-transform: translateY(-48px); transform: translateY(-48px); }
  .productList { margin-bottom: 60px; }
  .productList h2 { font-size: 20px; bottom: 38px; }
  .productPage { padding-bottom: 100px; }
  /*产品中心 e*/
  /*成功案例 s*/
  .casePage { padding-bottom: 100px; }
  .casePage .publicScreen { margin-top: 55px; margin-bottom: 40px; }
  .caseListBox ul { margin-left: -20px; margin-right: -20px; margin-bottom: -20px; }
  .caseListBox li { padding-left: 20px; padding-right: 20px; margin-bottom: 60px; }
  .caseListBox h2 { font-size: 20px; padding: 0 40px; }
  .caseListBox .word { padding-top: 18px; padding-bottom: 18px; }
  /*成功案例 e*/
  /*新闻资讯 s*/
  .newsPage { padding-bottom: 100px; }
  .newsPage .publicScreen { margin-top: 55px; }
  .newsCon { margin-top: 40px; }
  .newsCon li { padding-bottom: 40px; margin-bottom: 40px; }
  .newsCon .word { padding-left: 80px; }
  .newsCon h2 { font-size: 20px; font-weight: bold; margin-bottom: 22px; }
  /*新闻资讯 e*/
  /*新闻详情 s*/
  .newsScreen { margin-top: 55px; padding: 33px 40px; }
  .newsDetailCon { margin-top: 52px; padding-bottom: 60px; }
  .newsDetailCon h1 { font-size: 28px; margin-bottom: 12px; }
  .newsDetailCon .content { padding-bottom: 55px; }
  .newsDetailCase .zh { font-size: 20px; }
  .newsDetailCase .en { font-size: 20px; letter-spacing: -2px; }
  .newsDetailCase .word { padding-right: 0; padding-left: 40px; padding-top: 36px; }
  .newsDetailCase .read { margin-top: 150px; }
  .newsDetailInfo { padding-bottom: 35px; margin-bottom: 35px; }
  .newsDetailCtrl { margin-top: 60px; padding-top: 60px; }
  .newsOther { padding-top: 40px; padding-bottom: 60px; }
  .newsOtherSwiper .item { padding: 40px; }
  .newsOtherSwiper h2 { font-size: 18px; margin-bottom: 6px; }
  .newsOtherSwiper .date { font-size: 16px; letter-spacing: 0; margin-bottom: 34px; }
  .newsOtherSwiper .link { margin-top: 35px; }
  /*新闻详情 e*/
  /*资料下载 s*/
  .downloadCon { margin-top: 55px; }
  .downloadList li { padding: 0 20px; }
  .downloadList .icon { width: 68px; height: 68px; margin-bottom: 26px; }
  .downloadList h2 { font-size: 20px; margin-bottom: 32px; }
  .downloadList .item { padding-top: 50px; padding-bottom: 46px; }
  .downloadList .item:hover .icon::before { width: 100px; height: 100px; }
  .downloadCon .pic { height: 440px; }
  /*资料下载 e*/
  /*联系我们 s*/
  .contactCon { margin-top: 34px; padding-bottom: 120px; }
  .contactCon input { height: 44px; }
  .contactCon textarea { height: 72px; }
  .contactDesc { margin-bottom: 30px; }
  .contactDesc h4 { font-size: 20px; }
  .contactDesc p { font-size: 16px; line-height: 24px; }
  .contactInfo h4 { font-size: 20px; }
  .contactInfo p { margin-top: 20px; }
  .contactForm .formCtrl button { height: 48px; min-width: 120px; font-size: 16px; }
  .contactForm .formArea { margin-bottom: 38px; }
  .contactMap { overflow: initial; }
  .contactQrcode { display: block; position: absolute; top: -80px; width: 100%; z-index: 3; }
  .qrcodeBox { width: 160px; height: 160px; padding: 10px; background: #243BAF; }
  .qrcodeBox img { width: 100%; height: 100%; }
  /*联系我们 e*/
  /*搜索结果 s*/
  .searchPage { padding-bottom: 100px; }
  /*搜索结果 e*/ }


/*初始化样式*/
/*@font-face{
     font-family: 'My_font';
     src: url('font/My_font.eot');
     src:url('font/My_font.woff') format('woff'),
         url('font/My_font.ttf') format('truetype'),
         url('font/My_font.svg') format('svg');
}*/
html { width: 100%; /*height: 100%;*/ font-size: 14px; }

body { padding: 0; /*height: 100%!important;*/ margin: 0 auto; zoom: 1; font-size: 14px; line-height: 24px; font-family: "Arial","微软雅黑","sans-serif","宋体"; color: #333; /*设置宽度*/ width: 100%; background-color: #fff; }

ul, li, form, dl, dt, dd, div { padding: 0; margin: 0; }

.ul, .ul li { list-style: none; }

.h1, .h2, .h3, .h4, .h5, .h6, .p { padding: 0; margin: 0; }

p { margin: 0; }

b, strong { font-weight: bold; }

select, input, textarea { border-radius: 0; -webkit-border-radius: 0; color: #414446; font-family: "My_font","Arial","微软雅黑","sans-serif","宋体"; }

input:focus { outline: none; }

body.hide { overflow: hidden; }

/*强制去除表单自带的样式*/
input, button, select, textarea { outline: none; /*-webkit-appearance:none;*/ }

/*强制去除textarea自带的样式*/
textarea { resize: none; /*-webkit-appearance:none;*/ }

textarea, input, select { background: none; border: none; margin: 0; padding: 0; }

/*html5设置*/
article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block; }

figure, figcaption { margin: 0; padding: 0; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

/*百度分享弹框*/
.bd_weixin_popup { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

img { border: none; border: 0; vertical-align: top; max-width: 100%; }

span { outline: none; }

a { color: #333333; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; }

a:link, a:visited, a:focus { outline: none; text-decoration: none; -moz-outline: none; }

a:hover { text-decoration: none; color: #8fc41f; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; overflow-x: hidden; }

.animate5s { transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; }

.animate3s { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; }

.textover { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.textovers { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.t-center { text-align: center; }

.t-left { text-align: left; }

.t-right { text-align: right; }

.x-half { transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }

.y-half { transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.xy-half { transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.o-hide { overflow: hidden; }

.imgBox { overflow: hidden; }

.imgBox img { display: block; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.imgh:hover .imgBox img, .imgBox .imgh:hover img, .imgBox.imgh:hover img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); }

.vmd { display: inline-block; vertical-align: middle; }

.flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.i-flex { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.jb-flex { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.jc-flex { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.ac-flex { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

/*清楚浮动*/
.clear { clear: both; height: 0; overflow: hidden; }

.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; font-size: 0; }

.clearfix { zoom: 1; }

/*初始化样式*/
.f_l { float: left; display: inline-block; }

.f_r { float: right; display: inline-block; }

.container-full { margin: 0 auto; max-width: 100%; width: 100%; padding-left: 15px; padding-right: 15px; }

.container { margin: 0 auto; max-width: 100%; padding-left: 15px; padding-right: 15px; }

.lw-w-1 { width: 8.33333333%; }

.lw-w-2 { width: 16.66666667%; }

.lw-w-3 { width: 25%; }

.lw-w-4 { width: 33.33333333%; }

.lw-w-5 { width: 41.66666667%; }

.lw-w-6 { width: 50%; }

.lw-w-7 { width: 58.33333333%; }

.lw-w-8 { width: 66.66666667%; }

.lw-w-9 { width: 75%; }

.lw-w-10 { width: 83.33333333%; }

.lw-w-11 { width: 91.66666667%; }

.lw-w-12 { width: 100%; }

.lw-5w { width: 20%; }

@media (min-width: 1200px) { .container { width: 1230px; } }

@media (max-width: 1200px) { .container { width: 1054px; }
  .lw-xw-1 { width: 8.33333333%; }
  .lw-xw-2 { width: 16.66666667%; }
  .lw-xw-3 { width: 25%; }
  .lw-xw-4 { width: 33.33333333%; }
  .lw-xw-5 { width: 41.66666667%; }
  .lw-xw-6 { width: 50%; }
  .lw-xw-7 { width: 58.33333333%; }
  .lw-xw-8 { width: 66.66666667%; }
  .lw-xw-9 { width: 75%; }
  .lw-xw-10 { width: 83.33333333%; }
  .lw-xw-11 { width: 91.66666667%; }
  .lw-xw-12 { width: 100%; }
  .lw-5xw { width: 20%; } }

@media (max-width: 1024px) { .container { width: 992px; }
  .lw-mw-1 { width: 8.33333333%; }
  .lw-mw-2 { width: 16.66666667%; }
  .lw-mw-3 { width: 25%; }
  .lw-mw-4 { width: 33.33333333%; }
  .lw-mw-5 { width: 41.66666667%; }
  .lw-mw-6 { width: 50%; }
  .lw-mw-7 { width: 58.33333333%; }
  .lw-mw-8 { width: 66.66666667%; }
  .lw-mw-9 { width: 75%; }
  .lw-mw-10 { width: 83.33333333%; }
  .lw-mw-11 { width: 91.66666667%; }
  .lw-mw-12 { width: 100%; }
  .lw-5mw { width: 20%; } }

@media (max-width: 992px) { .container { width: 768px; } }

@media (max-width: 768px) { .container { width: 100%; }
  .lw-sw-1 { width: 8.33333333%; }
  .lw-sw-2 { width: 16.66666667%; }
  .lw-sw-3 { width: 25%; }
  .lw-sw-4 { width: 33.33333333%; }
  .lw-sw-5 { width: 41.66666667%; }
  .lw-sw-6 { width: 50%; }
  .lw-sw-7 { width: 58.33333333%; }
  .lw-sw-8 { width: 66.66666667%; }
  .lw-sw-9 { width: 75%; }
  .lw-sw-10 { width: 83.33333333%; }
  .lw-sw-11 { width: 91.66666667%; }
  .lw-sw-12 { width: 100%; }
  .lw-5sw { width: 20%; } }

/**视频弹框**/
.TankVideoBox { position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.2); display: none; cursor: pointer; }

.TankVideoBox .VideoBox .exit { position: absolute; right: -10px; top: -10px; height: 30px; width: 30px; -webkit-border-radius: 50%; border-radius: 50%; background: #fff url(../images/exit.png) no-repeat center/50%; }

.TankVideoBox .VideoBox { position: absolute; left: 50%; top: 50%; }

.TankVideoBox .VideoBox video { border: 9px solid #fff; display: block; width: auto; max-width: 94vw; max-height: 96vh; -webkit-border-radius: 5px; border-radius: 5px; }


@media (min-width: 1460px) { /*社会责任 s*/
  .responsibilityConOne .right h3 { margin-bottom: 45px; }
  .responsibilityConOne .right .txt { max-height: 192px; }
  /*社会责任 e*/
  /*展望未来 s*/
  .futureConOne .right h3 { margin-bottom: 50px; }
  /*展望未来 e*/
  /*新闻详情 s*/
  .newsOtherCon { padding-left: 0; padding-right: 0; }
  .newsOtherPrev, .newsOtherNext { width: 60px; height: 60px; }
  .newsOtherPrev { left: -80px; }
  .newsOtherNext { right: -80px; }
  /*新闻详情 e*/
  /*联系我们 s*/
  .contactForm form { margin-left: -45px; margin-right: -45px; }
  .contactForm .formArea, .contactForm .formCtrl { padding: 0 45px; }
  /*联系我们 e*/ }


@media (min-width: 1660px) { /*社会责任 s*/
  .responsibilityConOne .right .txt { max-height: 264px; }
  /*社会责任 e*/ }


a:hover { color: #243baf; }

.bg0 { background-color: #ffffff; }

.bg1 { background-color: #f8f8f8; }

.bg2 { background-color: #f6f6f6; }

.bg3 { background-color: #f9f9f9; }

.colr_main { color: #243baf; }

.colr_main2 { color: #2e328e; }

.colr0 { color: #fff; }

.colr1 { color: #000; }

.colr2 { color: #333; }

.colr3 { color: #666; }

.colr4 { color: #999; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color: #adafb9; }

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #adafb9; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #adafb9; }

:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #adafb9; }

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar { width: 3px; background-color: #dddddd; }

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track { -webkit-border-radius: 3px; border-radius: 3px; background-color: #dddddd; }

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { -webkit-border-radius: 3px; border-radius: 3px; background-color: #1d2185; }

/*滑块效果*/
::-webkit-scrollbar-thumb:hover { -webkit-border-radius: 3px; border-radius: 3px; background-color: #1d2185; }

.imgBox { position: relative; }

.imgBox img { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }

/**动画**/
*[data-animation] { opacity: 0; }

.animated { opacity: 1; }

html > body { padding-top: 90px; }

/**标题**/
.AutoTitle { padding: 30px 0 30px; }

.AutoTitle .h2 { margin-bottom: 6px; line-height: 1.4em; font-size: 38px; color: #333333; font-weight: normal; }

.AutoTitle .des { line-height: 1.4em; font-size: 14px; color: #666666; font-weight: bold; }

.AutoTitle .des::after { content: ""; display: inline-block; width: 3em; height: 2px; background: #d5161c; margin-top: 20px; }

.AutoTitleA { padding: 95px 0 35px; }

.AutoTitleA .h2 { font-size: 28px; font-weight: normal; line-height: 34px; color: #333333; }

.AutoTitleA .line { display: inline-block; margin-top: 10px; margin-bottom: 24px; vertical-align: top; width: 40px; height: 2px; background-color: #243baf; }

.AutoTitleA .h3 { font-size: 16px; font-weight: normal; line-height: 24px; color: #878991; }

/**更多按钮**/
.MoreBox .more { display: inline-block; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; vertical-align: top; padding: 0 50px; border: solid 2px #9193a1; -webkit-border-radius: 30px; border-radius: 30px; line-height: 60px; font-size: 16px; }

.MoreBox .more::after { content: ""; display: inline-block; vertical-align: middle; margin-bottom: 4px; margin-left: 10px; height: 14px; width: 8px; background: url(../images/jt_3_1.png) no-repeat center; }

.MoreBox .more:hover { border-color: #243baf; background: #243baf; color: #fff; }

.MoreBox .more:hover::after { background-image: url(../images/jt_3_2.png); }

/**前后按钮**/
.Btns .Btn { display: inline-block; width: 66px; height: 38px; border: solid 1px #9193a1; background: no-repeat center; }

.Btns .prev { background-image: url(../images/jt_1_1.png); }

.Btns .next { background-image: url(../images/jt_2_1.png); }

.Btns .Btn:hover { border-color: #243baf; }

.Btns .prev:hover { background-image: url(../images/jt_1_2.png); }

.Btns .next:hover { background-image: url(../images/jt_2_2.png); }

@media (max-width: 1200px) { html > body { padding-top: 66px; }
  /**标题**/
  .AutoTitle { padding: 20px 0 20px; }
  .AutoTitle .h2 { margin-bottom: 4px; font-size: 26px; }
  .AutoTitle .des::after { margin-top: 10px; }
  .AutoTitleA { padding: 40px 0 25px; }
  .AutoTitleA .h2 { font-size: 22px; line-height: 26px; }
  .AutoTitleA .line { margin-top: 10px; margin-bottom: 15px; }
  .AutoTitleA .h3 { font-size: 14px; }
  /**更多按钮**/
  .MoreBox .more { padding: 0 25px; -webkit-border-radius: 30px; border-radius: 30px; line-height: 36px; font-size: 14px; }
  /**前后按钮**/ }

@media (max-width: 992px) { /**标题**/
  .AutoTitle .h2 { margin-bottom: 2px; font-size: 22px; }
  .AutoTitle .des::after { margin-top: 5px; }
  .AutoTitleA { padding: 30px 0 20px; }
  .AutoTitleA .h2 { font-size: 20px; line-height: 24px; }
  .AutoTitleA .line { margin-top: 8px; margin-bottom: 10px; }
  /**更多按钮**/
  .MoreBox .more { padding: 0 20px; -webkit-border-radius: 20px; border-radius: 20px; line-height: 32px; }
  /**前后按钮**/ }

@media (max-width: 768px) { html > body { padding-top: 56px; }
  /**标题**/
  .AutoTitle .h2 { margin-bottom: 2px; font-size: 18px; }
  .AutoTitle .des { font-size: 12px; }
  .AutoTitle .des::after { vertical-align: top; }
  .AutoTitleA { padding: 25px 0 15px; }
  .AutoTitleA .h2 { font-size: 18px; }
  .AutoTitleA .line { margin-bottom: 8px; }
  /**前后按钮**/ }

/**头部导航**/
#header { position: fixed; left: 0; width: 100%; top: 0; z-index: 99; background: #fff; }

#header .container-full { padding: 0 100px; position: relative; margin: 0 auto; max-width: 1920px; }

#header .tab-cell { display: table-cell; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; vertical-align: middle; height: 90px; }

#header .logo { position: absolute; display: inline-block; }

#header .logo img { width: 193px; }

#header .Menu { text-align: center; font-size: 0; }

#header .Menu > li { display: inline-block; vertical-align: middle; position: relative; }

#header .Menu > li + li { margin-left: 50px; }

#header .Menu .title { position: relative; display: block; line-height: 90px; font-weight: bold; font-size: 14px; color: #333333; }

#header .Menu .title::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 5px; background: transparent; }

#header .Menu .title:hover { color: #243baf; }

#header .Menu > li:hover > .title::after{background: #243baf;}

#header .cur .title { color: #243baf; }

#header .cur .title::after { background: #243baf; }

#header .Menu .Lib { position: absolute; top: 100%; left: 50%; white-space: nowrap; z-index: -9; margin-top: -15px; opacity: 0; transform: scale(0) translateX(-50%); -webkit-transform: scale(0) translateX(-50%); -ms-transform: scale(0) translateX(-50%); -o-transform: scale(0) translateX(-50%); -moz-transform: scale(0) translateX(-50%); transition: margin 0.3s, opacity 0.3s; -webkit-transition: margin 0.3s, opacity 0.3s; -ms-transition: margin 0.3s, opacity 0.3s; -o-transition: margin 0.3s, opacity 0.3s; -moz-transition: margin 0.3s, opacity 0.3s; }

#header .Menu li:hover .Lib { z-index: 2; opacity: 1; margin-top: 0; transform: scale(1) translateX(-50%); -webkit-transform: scale(1) translateX(-50%); -ms-transform: scale(1) translateX(-50%); -o-transform: scale(1) translateX(-50%); -moz-transform: scale(1) translateX(-50%); }

#header .Menu .Lib::before { content: ''; position: absolute; left: 50%; top: 0; margin-left: -495vw; width: 990vw; height: 100%; background: #243baf; }

#header .Menu .Lib .ul { position: relative; padding: 35px 0; }

#header .Menu .Lib a { display: block; line-height: 36px; font-size: 14px; color: rgba(255,255,255, 0.8); }

#header .Menu .Lib a:hover { color: rgba(255,255,255, 1); }

#header .r_cont { position: absolute; right: 100px; top: 0; font-size: 0; line-height: 0; }

#header .language a { line-height: 22px; font-weight: bold; font-size: 16px; color: #43454e; }

#header .line { margin: 0 10px; width: 2px; height: 14px; background: #43454e; }

#header .PhoneMenu { margin-left: 60px; margin-right: 55px; width: 24px; }

#header .PhoneMenu i { display: block; height: 3px; background: #43454e; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

#header .PhoneMenu i + i { margin-top: 5px; }

#header .FormBox { display: none; position: absolute; right: -100px; top: 100%; width: 450px; padding: 0; background: #fff; -webkit-box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px -5px rgba(0, 0, 0, 0.3); }

#header .FormBox .form { display: block; position: relative; padding: 0 40px 0 0; }

#header .FormBox .form .Key { display: block; width: 100%; height: 56px; line-height: 56px; padding: 0 15px; font-size: 16px; color: #333; }

#header .FormBox .form .submit { display: block; cursor: pointer; position: absolute; right: 0; top: 0; height: 100%; width: 40px; background: #cacaca url(../images/search_icon2.png) no-repeat center/40% auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

#header .SearchBtn { display: block; position: absolute; right: -100px; top: 0; height: 100%; width: 100px; background: #243baf url(../images/search_icon2.png) no-repeat center; }

.FixedMenu { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; text-align: center; -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); z-index: -9; opacity: 0; }

.FixedMenu .M { height: 100%; font-size: 0; }

.FixedMenu .M > li { display: inline-block; position: relative; width: 14.285%; height: 100%; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0); box-shadow: 0 0 10px rgba(0, 0, 0, 0); opacity: 1; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

.FixedMenu .num { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; font-size: 40px; color: #f6f6f6; }

.FixedMenu .title { display: block; margin: 2em 0 1em; line-height: 1.6em; font-size: 24px; color: #666; }

.FixedMenu .Lib a { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); display: block; margin-top: 0.5em; line-height: 1.4em; font-size: 16px; color: #444; }

.FixedMenu .M > li:hover { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.FixedMenu li:hover .num { color: #2f4de4; }

.FixedMenu .title:hover { color: #2f4de4; }

.FixedMenu .Lib a:hover { color: #2f4de4; }

#header .FormBox .form .submit:hover, .MenuShow #header .PhoneMenu .i2 { opacity: 0; }

.MenuShow #header .PhoneMenu .i1 { transform: rotate(45deg) translate(0.1rem, 0.12rem); -webkit-transform: rotate(45deg) translate(5px, 5px); -ms-transform: rotate(45deg) translate(5px, 5px); -moz-transform: rotate(45deg) translate(5px, 5px); -o-transform: rotate(45deg) translate(5px, 5px); }

.MenuShow #header .PhoneMenu .i3 { transform: rotate(-45deg) translate(6px, -6px); -webkit-transform: rotate(-45deg) translate(6px, -6px); -ms-transform: rotate(-45deg) translate(6px, -6px); -moz-transform: rotate(-45deg) translate(6px, -6px); -o-transform: rotate(-45deg) translate(6px, -6px); }

.MenuShow #header .r_cont { z-index: 9; }

.MenuShow .PhoneMenu { z-index: 99; }

.MenuShow .FixedMenu { z-index: 2; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.SmallHeader #header { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

@media (min-width: 1200px) { #header .SearchBtn:hover { background-color: #2f4de4; }
  .MenuShow #header .language { display: none; }
  .MenuShow #header .SearchBtn { display: none; }
  .FixedMenu li:hover .Box { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }
  .FixedMenu .Lib a:hover { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); }
  .FixedMenu .M > li { border-right: 1px solid #ccc; top: -10%; opacity: 0; }
  .FixedMenu .M > .pc_hide { display: none; }
  .FixedMenu .Box { position: absolute; left: 0; top: 20%; width: 100%; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .MenuShow .FixedMenu .M > li { top: 0; opacity: 1; }
  .MenuShow .FixedMenu .M > li:nth-child(3) { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }
  .MenuShow .FixedMenu .M > li:nth-child(4) { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
  .MenuShow .FixedMenu .M > li:nth-child(5) { -webkit-transition-delay: 0.8s; -o-transition-delay: 0.8s; transition-delay: 0.8s; }
  .MenuShow .FixedMenu .M > li:nth-child(6) { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; }
  .MenuShow .FixedMenu .M > li:nth-child(7) { -webkit-transition-delay: 1.2s; -o-transition-delay: 1.2s; transition-delay: 1.2s; }
  .MenuShow .FixedMenu .M > li:nth-child(8) { -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s; }
  .MenuShow .FixedMenu .M > li:nth-child(9) { -webkit-transition-delay: 1.6s; -o-transition-delay: 1.6s; transition-delay: 1.6s; } }

@media (max-width: 1500px) { /**头部导航**/
  #header .logo img { width: 173px; height: auto; }
  #header .Menu > li + li { margin-left: 30px; }
  #header .container-full { padding: 0 80px; }
  #header .r_cont { right: 80px; }
  #header .PhoneMenu { margin: 0 35px; }
  #header .SearchBtn { right: -80px; width: 80px; }
  #header .FormBox { right: -80px; } }

@media (max-width: 1200px) { /**头部导航**/
  #header { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
  #header .container-full { padding: 0 15px; }
  #header .tab-cell { height: 66px; }
  #header .logo, #header .r_cont { position: static; right: 0; }
  #header .logo img { height: 32px; width: auto; }
  #header .PhoneMenu { margin: 0 0 0 15px; }
  #header .SearchBtn { right: 120px; width: 30px; height: 100%; background: url(../images/search_icon3.png) no-repeat center/18px auto; }
  #header .Menu { display: none; }
  .FixedMenu { top: 66px; height: -webkit-calc(100% - 66px); height: calc(100% - 66px); text-align: left; }
  .FixedMenu .M { padding: 0 15px; height: 100%; overflow-y: auto; }
  .FixedMenu .num { display: none; }
  .FixedMenu .M > li:first-child { border-top: 1px solid rgba(0, 0, 0, 0.19); }
  .FixedMenu .M > li { display: block; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.19); height: auto; position: relative; }
  .FixedMenu li .title { margin: 0; font-size: 16px; padding: 12px 15px; color: #333; position: relative; }
  .FixedMenu li .iconBtn { position: absolute; left: auto; right: 0; top: 0; display: block; height: 50px; width: 40px; background: url(../images/jt_3_1.png) no-repeat center/9px auto; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
  .FixedMenu li.click .iconBtn { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
  .FixedMenu .Lib { position: static; -webkit-box-shadow: none; box-shadow: none; display: none; background: #f1f1f1; padding: 5px 0; }
  .FixedMenu .Lib a { padding: 5px 25px; }
  #header .FormBox { right: 0; left: 0; width: auto; top: 100%; } }

@media (max-width: 768px) { #header .tab-cell { height: 56px; }
  #header .logo img { height: 26px; width: auto; }
  .FixedMenu { top: 56px; height: -webkit-calc(100% - 56px); height: calc(100% - 56px); } }

/**底部**/
#footer { padding: 25px 0 45px; background-color: #1d1f29; color: #676973; font-size: 14px; line-height: 20px; }

#footer .container{position: relative;}

#footer a { color: #43454c; }

#footer a:hover { color: #676973; }

#footer .title { display: inline-block; vertical-align: top; font-size: 16px; color: #676973; margin-bottom: 10px; }

#footer .menu li { float: left; display: inline-block; padding-right:25px; }

#footer .menu .contact { width: 250px; }

#footer .menu .as { padding: 1px 0; }

#footer .menu .as a { display: inline-block; vertical-align: top; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

#footer .menu .as a:hover { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); }

#footer .menu .contact_message { font-size: 15px; line-height: 24px; }

#footer .r_cont { width: 290px; text-align: right; margin-left: -290px; }

#footer .r_cont a { color: #676973; }

#footer .r_cont a:hover { color: #f5f5f5; }

#footer .low { margin-left: -150px; }

#footer .shares { vertical-align: middle; margin-top: 20px; margin-bottom: 45px; }

#footer .shares * { vertical-align: middle; }

#footer .shares a { position: relative; height: 33px; width: 33px; display: inline-block; margin-left: 5px; }

#footer .shares .wechat { background: url(../images/share_icon1.png) no-repeat center/contain; }

#footer .shares .sina { background: url(../images/share_icon2.png) no-repeat center/contain; }

#footer .shares .code { position: absolute; top: 50%; right: 100%; margin-right: 0; margin-top: -40px; background: #fff; width: 80px; height: 80px; padding: 5px; pointer-events: none; opacity: 0; }

#footer .shares .code img { display: block; width: 70px; height: 70px; margin: 0 auto; }

#footer .shares .code:after { content: ""; display: block; position: absolute; left: 100%; top: 50%; margin-top: -4px; border-left: 5px solid #fff; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }

#footer a:hover .code { opacity: 1; margin-right: 5px; pointer-events: auto; }

#footer .links { margin: 10px 0; }

@media (max-width: 1200px) { /**底部**/
  #footer { text-align: center; }
  #footer .menu { display: none; }
  #footer .logo img { width: 160px; height: auto; }
  #footer .r_cont { width: 100%; text-align: center; margin-left:0px; }
  #footer .r_cont .low { margin-left: 0; }
  #footer .shares { margin-bottom: 15px; }
  #footer .shares a { margin: 0 10px; }
  #footer .shares .word { display: none; }
  #footer .shares .code { left: 50%; margin-left: -40px; top: auto; bottom: 50%; right: auto; }
  #footer .shares .code:after { top: 100%; left: 50%; margin-top: 0; margin-left: -4px; border: 4px solid transparent; border-top: 5px solid #fff; }
  #footer .shares a:hover .code { margin-left: -40px; bottom: 100%; }
  #footer .links { margin: 5px 0; } }

/***Banner**/
#IndexBan { position: relative; }

#IndexBan .pc { display: block; }

#IndexBan .Box { display: block; position: relative; }

#IndexBan .cont { position: absolute; left: 0; width: 100%; top: 20%; }

#IndexBan .cont .container { width: 800px; }

#IndexBan .cont .h2 { opacity: 0; -webkit-transform: translate(0, 10px); -ms-transform: translate(0, 10px); -o-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; line-height: 1.2em; font-weight: bold; font-size: 60px; color: #fff; }

#IndexBan .cont .p { opacity: 0; -webkit-transform: translate(0, 15px); -ms-transform: translate(0, 15px); -o-transform: translate(0, 15px); transform: translate(0, 15px); -webkit-transition: all 0.7s; -o-transition: all 0.7s; transition: all 0.7s; margin: 1% 0 3%; line-height: 1.4em; font-size: 30px; color: #f8e105; }

#IndexBan .cont .more { opacity: 0; -webkit-transform: translate(0, 25px); -ms-transform: translate(0, 25px); -o-transform: translate(0, 25px); transform: translate(0, 25px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s; transition: opacity 0.7s, -webkit-transform 0.7s; -o-transition: opacity 0.7s, -o-transform 0.7s; transition: transform 0.7s, opacity 0.7s; transition: transform 0.7s, opacity 0.7s, -webkit-transform 0.7s, -o-transform 0.7s; display: block; background: #fff; -webkit-border-radius: 30px; border-radius: 30px; width: 180px; text-align: center; font-weight: bold; line-height: 60px; font-size: 16px; color: #494c5c; }

#IndexBan .cont .more:hover { background: #2a43c5; color: #fff; }

#IndexBan .point { z-index: 2; position: absolute; left: 0; width: 100%; bottom: 8.8%; text-align: center; font-size: 0; line-height: 0; }

#IndexBan .point .swiper-pagination-bullet { display: inline-block; position: relative; vertical-align: middle; width: 28px; height: 28px; border: 2px solid transparent; background: transparent; -webkit-border-radius: 50%; border-radius: 50%; opacity: 1; margin: 0 6px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }

#IndexBan .point .swiper-pagination-bullet::before { content: ''; position: absolute; left: 50%; top: 50%; margin-top: -6px; margin-left: -6px; height: 12px; width: 12px; background: #fff; -webkit-border-radius: 50%; border-radius: 50%; }

#IndexBan .point .swiper-pagination-bullet.swiper-pagination-bullet-active { border-color: #d5161c; }

#IndexBan .point .swiper-pagination-bullet.swiper-pagination-bullet-active::before { background: #d5161c; }

#IndexBan .swiper-slide-active .h2, #IndexBan .swiper-slide-active .p, #IndexBan .swiper-slide-active .more { opacity: 1; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }

#IndexBan .cont .h2 { -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; }

#IndexBan .cont .p { -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s; }

#IndexBan .cont .more { -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s; }
#IndexBan .pc img{width: 100%; max-width:auto;} 

.AutoBanner { height: 260px; background: no-repeat center; background-size:cover; }

.AutoBanner .cont { padding-top: 100px; letter-spacing: -1px; line-height: 1.2em; font-size: 24px; }

.AutoBanner .h1 { font-weight: normal; font-size: 24px; color: #eff6ff; }

.AutoBanner .en { opacity: 0.4; font-weight: bold; color: #ffffff; }

@media (max-width: 1500px) { #IndexBan .cont .h2 { font-size: 30px; }
  #IndexBan .cont .p { font-size: 20px; }
  #IndexBan .cont .more { -webkit-border-radius: 20px; border-radius: 20px; width: 120px; line-height: 40px; font-size: 14px; } }

@media (max-width: 1500px) and (min-width: 1200px) { #IndexBan .cont .container { width: 660px; } }

@media (max-width: 1200px) { #IndexBan .cont .h2 { font-size: 30px; }
  #IndexBan .cont .p { font-size: 20px; }
  #IndexBan .cont .more { -webkit-border-radius: 20px; border-radius: 20px; width: 120px; line-height: 40px; font-size: 14px; } }

@media (max-width: 768px) { #IndexBan .cont .h2 { font-size: 17px; }
  #IndexBan .cont .p { font-size: 14px; }
  #IndexBan .cont .more { -webkit-border-radius: 13px; border-radius: 13px; width: 90px; line-height: 26px; font-size: 12px; }
  #IndexBan .point .swiper-pagination-bullet { width: 20px; height: 20px; border: 1px solid transparent; margin: 0 4px; }
  #IndexBan .point .swiper-pagination-bullet::before { margin-top: -5px; margin-left: -5px; height: 10px; width: 10px; }
  .AutoBanner { height: 160px; }
  .AutoBanner .cont { text-align: center; padding-top: 55px; font-size: 20px; }
  .AutoBanner .h1 { font-size: 20px; } }

/**二级分类**/
.NextMenu { position: relative; border-bottom: 1px solid #e5e5e5; font-size: 0; }

.NextMenu .home { display: inline-block; vertical-align: top; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; height: 56px; width: 56px; background: url(../images/icon_home.png) no-repeat center; }

.NextMenu .home:hover { background-image: url(../images/icon_home_h.png); }

.NextMenu .curBox { display: inline-block; vertical-align: top; width: 340px; padding: 0 38px; }

.NextMenu .curBox .word { background: url(../images/jt_3_4.png) no-repeat right center; line-height: 56px; font-size: 14px; color: #333333; }

.NextMenu .r_cont { width: 804px; width: -webkit-calc(100% - 396px); width: calc(100% - 396px); }

.NextMenu .r_cont::before { content: ""; display: block; position: absolute; top: 0; left: 50%; margin-left: -204px; right: 0; height: 56px; background-image: -webkit-gradient(linear, left top, right top, from(#243baf), to(#0b89ff)); background-image: -o-linear-gradient(left, #243baf 0%, #0b89ff 100%); background-image: linear-gradient(90deg, #243baf 0%, #0b89ff 100%); }

.NextMenu .as { position: relative; padding-left: 20px; overflow-x: auto;white-space: nowrap;}

.NextMenu .as::-webkit-scrollbar {
  width: 4px;
  height: 6px;
  background-color: #eee;
}

.NextMenu .as::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background-color: #eee;
}

.NextMenu .as::-webkit-scrollbar-thumb {
  border-radius: 2px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
  background-color: #2f4de4;
}

.NextMenu .as a { display: inline-block; vertical-align: middle; margin: 0 20px; line-height: 56px; font-size: 14px; color: #a3b4eb;}

.NextMenu .as a.cur, .NextMenu .as a:hover { color: #fff; }

@media (min-width: 1200px) { .NextMenu .r_cont { display: inline-block !important; } }

@media (max-width: 1500px) { .NextMenu .as { padding-left: 0; }
  .NextMenu .as a { margin: 0 15px; } }

@media (max-width: 1200px) { .NextMenu .container { position: relative; }
  .NextMenu .l_cont { width: 100%; }
  .NextMenu .home { height: 46px; width: 46px; }
  .NextMenu .curBox { display: inline-block; vertical-align: top; padding: 0 0 0 20px; width: -webkit-calc(100% - 46px); width: calc(100% - 46px); }
  .NextMenu .curBox .word { line-height: 46px; }
  .NextMenu .r_cont { display: none; position: absolute; z-index: 11; top: 100%; width: 100%; left: 0; padding: 0 15px; }
  .NextMenu .r_cont::before { display: none; }
  .NextMenu .as { display: block; text-align: center; margin-top: 1px; background-color: #fff; }
  .NextMenu .as a { display: block; margin: 0; line-height: 46px; border-bottom: 1px solid #e5e5e5; }
  .NextMenu .as a.cur, .NextMenu .as a:hover { background: #243baf; } }

/**单篇内容**/
.AutoContent { font-size: 15px; line-height: 32px; color: #333333; }

@media (max-width: 1200px) { .AutoContent { line-height: 28px; } }

@media (max-width: 992px) { .AutoContent { line-height: 26px; } }

/**首页**/
.IndexAbout { overflow: hidden; }

.IndexAbout .marpad { padding: 8.33% 0; }

.IndexAbout .l_cont { width: 490px; padding-top: 5%; }

.IndexAbout .l_cont .h1 { margin-bottom: 10px; line-height: 1.2em; font-weight: normal; font-size: 38px; color: #333333; }

.IndexAbout .l_cont .h2 { line-height: 1.2em; font-weight: bold; font-size: 28px; color: #333333; }

.IndexAbout .l_cont .title { margin-bottom: 25px; line-height: 1.3em; font-size: 24px; color: #494c5c; margin-top: 50px; }

.IndexAbout .l_cont .img { display: none; }

.IndexAbout .l_cont .des { margin-bottom: 35px; -webkit-line-clamp: 4; line-height: 24px; font-size: 14px; color: #6a6d7b; }

.IndexAbout .l_cont .IconsBox { padding-bottom: 50px; }

.IndexAbout .IconsBox .wid { display: inline-block; vertical-align: top; line-height: 18px; font-size: 14px; color: #777a86; }

.IndexAbout .IconsBox .wid + .wid { margin-left: 15px; }

.IndexAbout .IconsBox .imgs { display: inline-block; position: relative; vertical-align: middle; margin-right: 10px; }

.IndexAbout .IconsBox img { display: block; opacity: 0; }

.IndexAbout .IconsBox .i_h { position: absolute; left: 0; top: 0; opacity: 1; }

.IndexAbout .wid:hover { color: #243baf; }

.IndexAbout .wid:hover img { opacity: 1; }

.IndexAbout .wid:hover .i_h { opacity: 0; }

.IndexAbout .other { position: relative; }

.IndexAbout .other::before { content: ''; position: absolute; right: 0; width: 850px; height: 1px; background: #b6bac3; }

.IndexAbout .other .opad { padding-top: 50px; }

.IndexAbout .other .MoreBox { display: inline-block; }

.IndexAbout .other .a { display: inline-block; vertical-align: top; height: 50px; width: 50px; background: #dddddd no-repeat center / contain; -webkit-border-radius: 50%; border-radius: 50%; }

.IndexAbout .other .tel { background-image: url(../images/phone_icon.png); }

.IndexAbout .other .map { margin-left: 3px; background-image: url(../images/map_icon2.png); }

.IndexAbout .other .a:hover { background-color: #243baf; }

.IndexAbout .other .tel:hover { background-image: url(../images/phone_icon_h.png); }

.IndexAbout .other .map:hover { background-image: url(../images/map_icon2_h.png); }

.IndexAbout .r_cont { width: 50%; }

.IndexAbout .r_cont img { display: block; width: 960px; }

@media only screen and (min-width: 1200px) { .IndexAbout .r_cont img { max-width: 960px; } }

@media (max-width: 1200px) { .IndexAbout .marpad { padding: 45px 0; }
  .IndexAbout .l_cont { width: 48%; padding-top: 0; }
  .IndexAbout .l_cont .h1 { margin-bottom: 5px; font-size: 26px; }
  .IndexAbout .l_cont .h2 { font-size: 18px; }
  .IndexAbout .l_cont .title { margin-top: 20px; margin-bottom: 5px; font-size: 18px; }
  .IndexAbout .l_cont .des { margin-bottom: 10px; }
  .IndexAbout .l_cont .IconsBox { padding-bottom: 15px; }
  .IndexAbout .l_cont .opad { padding-top: 20px; }
  .IndexAbout .other .a { height: 40px; width: 40px; } }

@media (max-width: 992px) { .IndexAbout .marpad { padding: 35px 0; }
  .IndexAbout .l_cont { width: 100%; padding-top: 0; }
  .IndexAbout .l_cont .h1 { font-size: 22px; }
  .IndexAbout .l_cont .h2 { font-size: 16px; margin-bottom: 15px; }
  .IndexAbout .l_cont .img { display: block; }
  .IndexAbout .l_cont .title { margin-top: 15px; font-size: 16px; }
  .IndexAbout .r_cont { display: none; }
  .IndexAbout .other::before { width: 100%; }
  .IndexAbout .other .a { height: 36px; width: 36px; } }

@media (max-width: 768px) { .IndexAbout .marpad { padding: 30px 0; }
  .IndexAbout .l_cont .h1 { font-size: 18px; }
  .IndexAbout .l_cont .h2 { font-size: 14px; margin-bottom: 10px; }
  .IndexAbout .l_cont .title { margin-top: 10px; font-size: 16px; }
  .IndexAbout .l_cont .des { margin-bottom: 0; }
  .IndexAbout .l_cont .opad { padding-top: 15px; }
  .IndexAbout .IconsBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .IndexAbout .IconsBox .imgs { width: 24px; margin-right: 5px; }
  .IndexAbout .IconsBox img { height: 24px; }
  .IndexAbout .IconsBox .wid { margin-top: 10px; line-height: 24px; }
  .IndexAbout .IconsBox .wid + .wid { margin-left: 0; }
  .IndexAbout .other::before { width: 100%; }
  .IndexAbout .other .a { height: 36px; width: 36px; } }

.IndexSolute { background: url(../images/solute.jpg) no-repeat bottom center/auto 430px; }

.IndexSolute .l_cont .imgBox::before { content: ''; display: block; padding-top: 73.3%; }

.IndexSolute .r_cont { padding-left: 5%; }

.IndexSolute .r_cont .AutoTitle { margin-bottom: 50px; }

.IndexSolute .r_cont .h4 { margin-bottom: 35px; font-size: 24px; }

.IndexSolute .r_cont .des { -webkit-line-clamp: 4; line-height: 25px; font-size: 14px; }

.IndexSolute .r_cont .more { border: 0 none; padding: 0; background: transparent; color: #494c5c; }

.IndexSolute .r_cont .more::after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.IndexSolute .r_cont .more:hover { color: #243baf; }

.IndexSolute .r_cont .more:hover::after { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); background-image: url(../images/jt_3_3.png); }

.IndexSolute .r_cont .h4 { font-size: 24px; }

.IndexSolute .Btns { padding-top: 45px; padding-bottom: 65px; text-align: center; position: relative; }

.IndexSolute .Btns .next { margin-left: 25px;position: relative;top:0px;right: 0}


@media (max-width: 1200px) { .IndexSolute { background-size: 100% 100%; padding: 45px 0; }
  .IndexSolute .l_cont { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .IndexSolute .r_cont { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; }
  .IndexSolute .r_cont .AutoTitle { margin-bottom: 0; padding-bottom: 15px; }
  .IndexSolute .r_cont .h4 { font-size: 18px; margin-bottom: 5px; }
  .IndexSolute .r_cont .des { line-height: 24px; }
  .IndexSolute .Btns { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; padding: 35px 0 0; } }

@media (max-width: 992px) { .IndexSolute { padding: 35px 0; }
  .IndexSolute .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .IndexSolute .r_cont { padding-bottom: 10px; padding-left: 0; }
  .IndexSolute .r_cont .AutoTitle { padding-top: 0; }
  .IndexSolute .Btns { padding: 25px 0 0; } }

@media (max-width: 768px) { .IndexSolute { padding: 30px 0; }
  .IndexSolute .r_cont { padding-bottom: 5px; }
  .IndexSolute .r_cont .AutoTitle { padding-bottom: 0; } }

.IndexProduct { padding: 65px 0 120px; }

.IndexProduct .AutoTitle { width: 380px; margin: 0 auto; max-width: 100%; text-align: center; }

.IndexProduct .formBox { display: block; max-width: 100%; margin: 0 auto; padding-right: 60px; position: relative; width: 480px; border: solid 1px #dcdcdc; -webkit-border-radius: 22px; border-radius: 22px; }

.IndexProduct .formBox .key { display: block; padding: 0 20px; width: 100%; height: 42px; line-height: 42px; font-size: 14px; color: #666; }

.IndexProduct .formBox .submit { display: block; cursor: pointer; -webkit-border-radius: 21px; border-radius: 21px; background: transparent no-repeat center; background-image: url(../images/search_icon1.png); position: absolute; top: 0; right: 0; width: 60px; height: 100%; }

.IndexProduct .formBox .submit:hover { background-image: url(../images/search_icon1_h2.png); }

.IndexProduct .swiperBox { position: relative; margin-top: 5%; margin-bottom: 5%; }

.IndexProduct .swiperBox .Btn { position: absolute; top: 34%; border-color: transparent; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; width: 56px; height: 56px; background-color: #ebebeb; z-index: 2; }

.IndexProduct .swiperBox .Btn:hover { background-color: #243baf; }

.IndexProduct .swiperBox .prev { left: 0; }

.IndexProduct .swiperBox .prev:hover { background-image: url(../images/jt_1_3.png); }

.IndexProduct .swiperBox .next { right: 0; }

.IndexProduct .swiperBox .next:hover { background-image: url(../images/jt_2_3.png); }

.IndexProduct .Box { display: block; text-align: center; }

.IndexProduct .Box .imgBox { border: solid 1px #e3e3e3; margin-bottom: 20px; }

.IndexProduct .Box .imgBox::before { content: ""; display: block; padding-top: 100%; }

.IndexProduct .Box .p_title { line-height: 24px; font-size: 20px; color: #2b2e40; }

.IndexProduct .Box:hover .imgBox { border-color: #243baf; }

.IndexProduct .Box:hover .p_title { color: #243baf; }

@media (min-width: 1400px) { .IndexProduct .swiperBox .prev { left: -86px; }
  .IndexProduct .swiperBox .next { right: -86px; } }

@media (max-width: 1200px) { .IndexProduct { padding: 40px 0 45px; }
  .IndexProduct .AutoTitle { padding-top: 0; }
  .IndexProduct .swiperBox { margin: 25px 0; }
  .IndexProduct .swiperBox .imgBox { margin-bottom: 10px; }
  .IndexProduct .swiperBox .p_title { font-size: 18px; } }

@media (max-width: 992px) { .IndexProduct { padding: 30px 0 35px; }
  .IndexProduct .swiperBox { margin: 20px 0 10px; }
  .IndexProduct .swiperBox .imgBox { margin-bottom: 5px; }
  .IndexProduct .swiperBox .p_title { font-size: 16px; } }

@media (max-width: 768px) { .IndexProduct { padding: 25px 0 30px; }
  .IndexProduct .AutoTitle { padding-bottom: 10px; }
  .IndexProduct .swiperBox { margin: 15px 0 10px; }
  .IndexProduct .swiperBox .imgBox { margin-bottom: 5px; }
  .IndexProduct .swiperBox .p_title { font-size: 14px; }
  .IndexProduct .swiperBox .Btn { top: 32%; width: 40px; height: 40px; background-size: 50% auto; } }

.IndexCase { position: relative; overflow: hidden; }

.IndexCase .imgs { position: relative; }

.IndexCase .imgs .swiperImg { margin-left: -60%; margin-right: -58.3%; }

.IndexCase .imgs .imgBox::before { content: ''; display: block; padding-top: 61.06%; }

.IndexCase .imgs .address {display: none; position: absolute; bottom: 0; left: 0; height: 180px; width: 180px; background: #243baf url(../images/map_icon1.png) no-repeat center; z-index: 2; }

.IndexCase .imgs .address:hover { background-color: #2f4de4; }

.IndexCase .r_cont { position: relative; z-index: 2; background-color: #fff; margin-top: 9.16%; padding-top: 3.33%; padding-bottom: 6.66%; padding-left: 13.75%; padding-right: 4.16%; }

.IndexCase .r_cont .h4 { line-height: 1.2em; font-weight: normal; font-size: 28px; color: #333333; }

.IndexCase .r_cont .h4:hover { color: #243baf; }

.IndexCase .r_cont .num { display: block; width: 40px; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid transparent; text-align: center; line-height: 36px; font-size: 18px; color: #494c5c; }

.IndexCase .swiperTit { margin-top: 30px; margin-bottom: 20px; }

.IndexCase .swiper-slide-thumb-active .num { border-color: #9193a1; }

.IndexCase .swiperNum { position: relative; }

.IndexCase .swiperNum .swiper-slide { width: 40px; }

.IndexCase .Btns { position: relative; margin-bottom: 30px; margin-right: -13%; text-align: right; }

.IndexCase .Btns .Btn { border-color: transparent; }

.IndexCase .Btns .prev { position: absolute; right: 100%; top: -40px; }

.IndexCase::after { content: ""; display: block; position: absolute; width: 23.43%; height: 31.25%; right: 0; bottom: 0; z-index: 2; background: url(../images/back1.png) center; }

@media (max-width: 1200px) { .IndexCase .imgs .swiperImg { margin-left: 0; margin-right: -58.3%; }
  .IndexCase .imgs .address { height: 100px; width: 100px; background-size: 55% auto; }
  .IndexCase .AutoTitle { padding: 0; }
  .IndexCase .r_cont { margin-top: 6%; padding-left: 7%; padding-bottom: 4%; }
  .IndexCase .r_cont .h4 { font-size: 22px; }
  .IndexCase .r_cont .num { font-size: 14px; }
  .IndexCase .swiperTit { margin-top: 10px; margin-bottom: 10px; }
  .IndexCase .Btns { margin-bottom: 0; }
  .IndexCase::after { width: 18%; height: 22%; } }

@media (max-width: 992px) { .IndexCase .imgs .swiperImg { margin-left: 0; margin-right: 0; }
  .IndexCase .imgs .address { height: 70px; width: 70px; }
  .IndexCase .r_cont { position: relative; z-index: 2; margin-top: 25px; padding: 0; }
  .IndexCase .r_cont .h4 { font-size: 18px; }
  .IndexCase .swiperTit { margin-top: 10px; margin-bottom: 10px; }
  .IndexCase .Btns { margin: 0 0 15px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
  .IndexCase .Btns .prev { position: static; }
  .IndexCase::after { display: none; } }

.IndexNews .AutoTitle { margin-top: 5.33%; }

.IndexNews .TabBox { margin-top: 1%; margin-bottom: 9.5%; background-color: #f9f9fb; font-size: 0; }

.IndexNews .imgBox { display: block; }

.IndexNews .imgBox::before { content: ""; display: block; padding-top: 61.667%; }

.IndexNews .r_con { padding: 15px 3.33%; }

.IndexNews .lis { padding: 10px 0; }

.IndexNews .lis .Box { display: block; position: relative; padding: 24px 20px; border-bottom: 1px solid #dcdcdc; line-height: 22px; font-weight: bold; font-size: 0; }

.IndexNews .lis .Box:hover { border-bottom-color: #243baf; background: #243baf; }

.IndexNews .lis .Box:hover .title { color: #fff; }

.IndexNews .lis .Box:hover .time { color: #fff; }

.IndexNews .lis .Box:hover .time::after { background: #243baf; }

.IndexNews .lis .title { font-size: 16px; color: #666666; }

.IndexNews .lis .time { display: inline-block; margin-left: 13%; font-size: 20px; color: #c3c3c3; }

.IndexNews .lis .time::after { content: ""; position: absolute; bottom: -1px; right: 20px; width: 100px; height: 1px; background: #989898; }

.IndexNews .MoreBox .more { border: 0 none; padding: 0; background: transparent; font-weight: bold; font-size: 16px; color: #494c5c; }

.IndexNews .MoreBox .more::after { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.IndexNews .MoreBox .more:hover { color: #243baf; }

.IndexNews .MoreBox .more:hover::after { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); background-image: url(../images/jt_3_3.png); }

@media (max-width: 1200px) { .IndexNews .r_con { padding: 0; }
  .IndexNews .lis { padding: 0; }
  .IndexNews .lis .Box { padding: 18px 15px; }
  .IndexNews .lis .title { font-size: 14px; }
  .IndexNews .lis .time { font-size: 16px; }
  .IndexNews .lis .time::after { right: 15px; width: 90px; }
  .IndexNews .MoreBox .more { padding: 10px; font-size: 14px; } }

@media (max-width: 992px) { .IndexNews .lis .Box { padding: 12px 15px; }
  .IndexNews .lis .title { font-size: 14px; }
  .IndexNews .lis .time { font-size: 14px; }
  .IndexNews .lis .time::after { width: 80px; } }

@media (max-width: 768px) { .IndexNews { padding-bottom: 30px; }
  .IndexNews .AutoTitle { margin: 0; padding-bottom: 15px; }
  .IndexNews .TabBox { margin: 0; } }

/**关于我们**/
/**公司介绍**/
.aboutDescript { background: #f5f5f5; font-size: 0; }

.aboutDescript .l_cont { width: 50%; }

.aboutDescript .l_cont .img { margin-left: -60%; }

.aboutDescript .l_cont img { width: 100%; }

.aboutDescript .r_cont { width: 50%; padding-top: 15px; padding-bottom: 15px; padding-left: 5%; }

.aboutDescript .r_cont .h2 { margin-bottom: 3px; line-height: 28px; font-size: 24px; font-weight: bold; color: #333333; }

.aboutDescript .r_cont .title { line-height: 28px; font-size: 24px; font-weight: normal; color: #7e839b; }

.aboutDescript .r_cont .en { margin: 60px 0 20px; line-height: 24px; font-size: 36px; font-weight: bold; color: #243baf; }

.aboutDescript .r_cont .des { line-height: 24px; font-size: 14px; font-weight: normal; color: #808395; }

.aboutDescript .r_cont .des p + p { margin-top: 0.5em; }

.aboutNums .tab { margin: 5% 0; padding: 85px 0; border: solid 1px #d2d2d2; text-align: center; font-size: 0; }

.aboutNums .wid { position: relative; width: 25%; }

.aboutNums .wid::after { content: ""; display: block; position: absolute; left: -1px; top: 50%; margin-top: -60px; height: 120px; width: 1px; background: #d2d2d2; }

.aboutNums .num { line-height: 34px; font-size: 20px; font-weight: bold; letter-spacing: -1px; color: #243baf; }

.aboutNums .num span{line-height: 34px; font-size: 40px;}

.aboutNums .txt { margin-top: 10px; line-height: 24px; font-size: 16px; font-weight: bold; color: #3c4051; }

/**科技创新**/
.technologyLaboratory .Tab_cont { text-align: center; }

.technologyLaboratory .Tab_cont img { display: block; width: 100%; }

.technologyLaboratory .Tab_cont .cont { position: absolute; left: 0; top: 38%; width: 100%; }

.technologyLaboratory .Tab_cont .h6 { margin-bottom: 20px; line-height: 28px; font-size: 24px; font-weight: normal; letter-spacing: -1px; color: #ffffff; }

.technologyLaboratory .Tab_cont .des { line-height: 24px; font-size: 14px; color: #ffffff; }

.technologyLaboratory .Tab_tit { margin-top: -85px; }

.technologyLaboratory .Tab_tit .imgBox { border: 5px solid #fff; }

.technologyLaboratory .Tab_tit .imgBox::before { content: ''; display: block; padding-top: 59.55%; }

/* .technologyLaboratory .swiper-slide-thumb-active .imgBox { border-color: #243baf; } */

.technologyProperty { padding-bottom: 8.33%; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edebeb)); background: -o-linear-gradient(#ffffff, #edebeb); background: linear-gradient(#ffffff, #edebeb); }

.technologyProperty .h3 { padding-top: 8.33%; margin-bottom: 3.33%; line-height: 28px; font-weight: normal; font-size: 24px; color: #454754; }

.technologyProperty .l_cont { width: 45%; padding-right: 10.4%; border-right: 1px solid #d7d7d7; }

.technologyProperty .l_cont img { display: block; border: solid 1px #d3d3d3; }

.technologyProperty .r_cont { width: 45%; text-align: center; }

.technologyProperty .r_cont .imgBox { cursor: pointer; }

.technologyProperty .r_cont .imgBox::before { content: ''; display: block; padding-top: 137.25%; }

.technologyProperty .pations { display: inline-block; vertical-align: top; margin-top: 40px; padding: 8px 20px; background-color: rgba(0, 0, 0, 0.1); -webkit-border-radius: 13px; border-radius: 13px; line-height: 0; }

.technologyProperty .pations span { opacity: 1; margin: 0 5px; width: 10px; height: 10px; background-color: #ffffff; }

.technologyProperty .pations .swiper-pagination-bullet-active { background-color: #243baf; }

.technologyTypes .pad { padding: 8.33% 0; text-align: center; font-size: 0; }

.technologyTypes .h3 { font-size: 24px; font-weight: normal; line-height: 28px; color: #454754; }

.technologyTypes .wid1 { width: 310px; height: 310px; -webkit-border-radius: 50%; border-radius: 50%; border: 44px solid #f0f5fb; background: #243baf; line-height: 26px; font-size: 20px; color: #ffffff; }

.technologyTypes .wid_mid { width: 580px; width: -webkit-calc(100% - 620px); width: calc(100% - 620px); }

.technologyTypes .table { display: table; width: 100%; height: 100%; }

.technologyTypes .tab-cell { display: table-cell; vertical-align: middle; padding: 10px; text-align: center; }

.technologyProject { text-align: center; }

.technologyProject .pad { position: relative; padding: 3.33%; background: #fff; }

.technologyProject .h3 { display: inline-block; vertical-align: top; width: 380px; line-height: 70px; background-color: #ffffff; -webkit-border-radius: 37px; border-radius: 37px; border: solid 2px #243baf; font-weight: normal; font-size: 24px; color: #454754; }

.technologyProject .des { position: relative; padding: 21px 0; }

.technologyProject .des::before { content: ''; display: block; position: absolute; left: 50%; top: 0; width: 1px; height: 100%; background: #dcdcdc; }

.technologyProject .des .word { position: relative; padding: 6px 0; background: #fff; line-height: 24px; font-size: 16px; color: #888995; }

.technologyProject .projects { position: relative; left: 1px; font-size: 0; }

.technologyProject .projects .tad { display: inline-block; vertical-align: top; margin-left: -1px; margin-top: -1px; border: 1px solid #dcdcdc; background-color: #f5f7fa; width: 16.66%; height: 210px; font-size: 14px; line-height: 24px; color: #888995; }

.technologyProject .projects .table { display: table; width: 100%; height: 100%; }

.technologyProject .projects .tab-cell { display: table-cell; vertical-align: middle; padding: 10px 15px; text-align: center; }

.technologyProject .img { margin-top: -280px; }

.technologyStandard { text-align: center; }

.technologyStandard .h3 { margin: 8.33% 0 20px; font-size: 24px; font-weight: normal; line-height: 28px; color: #454754; }

.technologyStandard .des { font-size: 16px; font-weight: normal; line-height: 24px; color: #888995; }

.technologyStandard .dl { padding-top: 7.083%; padding-bottom: 8.33%; font-size: 0; }

.technologyStandard .dt { margin-bottom: 8.33%; background: #243baf; }

.technologyStandard .dt .wid { font-weight: bold; font-size: 24px; color: #fff; }

.technologyStandard .dt + .dd { border-top: 1px solid #2a354b; }

.technologyStandard .dd { border-bottom: 1px solid #e5e5e5; }

.technologyStandard .dd .wid:nth-child(1) { text-align: left; }

.technologyStandard .dd .wid:nth-child(2) { text-align: right; }

.technologyStandard .wid { display: inline-block; vertical-align: middle; width: 50%; padding: 19px 15px; line-height: 22px; font-size: 14px; color: #555661; }

.technologyStandard .wid:nth-child(1) { border-right: 1px solid #fff; }

.technologyStandard .wid:nth-child(2) { border-left: 1px solid #fff; }

@media (max-width: 1500px) { /**科技创新**/
  .technologyLaboratory .Tab_cont .cont { top: 22%; } }

@media (max-width: 1200px) { /**公司介绍**/
  .aboutDescript { padding: 40px 0 45px; }
  .aboutDescript .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .aboutDescript .l_cont { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; }
  .aboutDescript .l_cont .img { margin-left: 0; }
  .aboutDescript .r_cont { width: 100%; padding-top: 0; padding-bottom: 15px; padding-left: 0; }
  .aboutDescript .r_cont .h2 { line-height: 24px; font-size: 20px; }
  .aboutDescript .r_cont .title { line-height: 24px; font-size: 20px; }
  .aboutDescript .r_cont .en { margin: 20px 0 10px; line-height: 24px; font-size: 26px; }
  .aboutNums .tab { margin: 45px 0; padding: 55px 0; }
  .aboutNums .wid::after { margin-top: -50px; height: 100px; }
  .aboutNums .num { line-height: 26px; font-size: 28px; }
  .aboutNums .txt { margin-top: 8px; line-height: 22px; font-size: 15px; }
  /**科技创新**/
  .technologyLaboratory .Tab_cont .cont { top: 15%; }
  .technologyLaboratory .Tab_cont .h6 { line-height: 24px; font-size: 20px; }
  .technologyLaboratory .Tab_cont .des { line-height: 22px; }
  .technologyLaboratory .Tab_tit { margin-top: -75px; }
  .technologyProperty { padding-bottom: 45px; }
  .technologyProperty .h3 { padding-top: 45px; margin-bottom: 20px; font-size: 22px; }
  .technologyProperty .pations { margin-top: 20px; }
  .technologyTypes .pad { padding: 40px 0; }
  .technologyTypes .h3 { margin-bottom: 25px; line-height: 24px; font-size: 20px; }
  .technologyTypes .wid1 { width: 260px; height: 260px; border-width: 24px; line-height: 24px; font-size: 18px; color: #ffffff; }
  .technologyTypes .wid_mid { width: -webkit-calc(100% - 520px); width: calc(100% - 520px); }
  .technologyProject .h3 { width: 300px; line-height: 48px; -webkit-border-radius: 26px; border-radius: 26px; font-size: 20px; }
  .technologyProject .des { padding: 18px 0; }
  .technologyProject .des .word { padding: 5px 0; line-height: 22px; font-size: 14px; }
  .technologyProject .projects .tad { width: 16.66%; height: 160px; line-height: 22px; font-size: 14px; }
  .technologyProject .img { margin-top: -200px; }
  .technologyStandard .h3 { margin: 40px 0 10px; font-size: 22px; line-height: 24px; }
  .technologyStandard .des { font-size: 15px; line-height: 24px; }
  .technologyStandard .dl { padding-top: 15px; padding-bottom: 45px; }
  .technologyStandard .dt { margin-bottom: 20px; }
  .technologyStandard .dt .wid { font-size: 18px; }
  .technologyStandard .wid { padding: 15px 10px; line-height: 20px; } }

@media (max-width: 992px) { /**公司介绍**/
  .aboutDescript { padding: 30px 0 35px; }
  .aboutDescript .r_cont .title { font-size: 18px; }
  .aboutDescript .r_cont .en { margin: 10px 0 5px; font-size: 20px; }
  .aboutNums .tab { margin: 35px 0; padding: 35px 0; }
  .aboutNums .wid::after { margin-top: -40px; height: 80px; }
  .aboutNums .num { line-height: 20px; font-size: 22px; }
  .aboutNums .txt { margin-top: 5px; font-size: 14px; }
  /**科技创新**/
  .technologyLaboratory .Tab_cont .cont { top: 10%; }
  .technologyLaboratory .Tab_cont .h6 { margin-bottom: 10px; }
  .technologyLaboratory .Tab_tit { margin-top: -55px; }
  .technologyProperty { padding-bottom: 35px; }
  .technologyProperty .h3 { padding-top: 30px; margin-bottom: 15px; font-size: 20px; }
  .technologyTypes .pad { padding: 30px 0; }
  .technologyTypes .h3 { margin-bottom: 20px; }
  .technologyTypes .wid1 { width: 180px; height: 180px; border-width: 14px; line-height: 22px; font-size: 16px; }
  .technologyTypes .wid_mid { width: -webkit-calc(100% - 360px); width: calc(100% - 360px); }
  .technologyProject .h3 { width: 250px; line-height: 40px; -webkit-border-radius: 22px; border-radius: 22px; font-size: 18px; }
  .technologyProject .des { padding: 15px 0; }
  .technologyProject .projects .tad { width: 25%; height: 150px; }
  .technologyProject .img { margin-top: -150px; }
  .technologyStandard .h3 { margin-top: 30px; font-size: 20px; }
  .technologyStandard .des { font-size: 14px; line-height: 22px; }
  .technologyStandard .dl { padding-top: 10px; padding-bottom: 35px; }
  .technologyStandard .dt { margin-bottom: 15px; }
  .technologyStandard .dt .wid { font-size: 16px; }
  .technologyStandard .wid { padding: 10px; } }

@media (max-width: 850px) { .technologyLaboratory .Tab_cont .cont { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; top: 10%; height: 80%; }
  .technologyLaboratory .Tab_cont .container { max-height: 100%; overflow-y: auto; }
  .technologyLaboratory .Tab_cont .h6 { margin-bottom: 10px; }
  .technologyLaboratory .Tab_cont img { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: auto; height: 300px; max-width: 9999%; }
  .technologyLaboratory .Tab_cont .swiper-slide { height: 300px; overflow: hidden; }
  .technologyLaboratory .Tab_tit { margin-top: -35px; }
  .technologyLaboratory .Tab_tit .imgBox { border-width: 2px; } }

@media (max-width: 768px) { /**公司介绍**/
  .aboutDescript { padding: 25px 0 30px; }
  .aboutDescript .r_cont .h2 { font-size: 16px; margin-bottom: 0; }
  .aboutDescript .r_cont .title { font-size: 16px; }
  .aboutDescript .r_cont .en { margin: 8px 0 5px; font-size: 18px; }
  .aboutNums .tab { margin: 30px 0; padding: 10px 0; }
  .aboutNums .wid { width: 100%; padding: 25px 0; }
  .aboutNums .wid::after { display: none; width: 90%; height: 1px; margin-top: 0; top: 0; left: 5%; background: #f1f1f1; }
  .aboutNums .wid + .wid::after { display: block; }
  /**科技创新**/
  .technologyLaboratory .Tab_tit { margin-top: 0; }
  .technologyProperty { padding-bottom: 30px; }
  .technologyProperty .h3 { padding-top: 30px; margin-bottom: 15px; font-size: 20px; }
  .technologyProperty .l_cont { width: 100%; padding: 0; }
  .technologyProperty .l_cont img { margin: 0 auto; }
  .technologyProperty .r_cont { width: 100%; padding-top: 15px; }
  .technologyTypes .pad { padding: 25px 0; }
  .technologyTypes .h3 { margin-bottom: 15px; font-size: 18px; }
  .technologyTypes .wid1 { display: block; margin: 0 auto; width: 160px; height: 160px; border-width: 15px; font-size: 14px; }
  .technologyTypes .wid_mid { margin: 15px auto; width: 180px; }
  .technologyProject .h3 { width: 200px; }
  .technologyProject .projects .tad { width: 33.33%; height: 120px; }
  .technologyProject .img { margin-top: -60px; }
  .technologyStandard .dt { margin-bottom: 10px; }
  .technologyStandard .dt .wid { font-size: 14px; }
  .technologyStandard .wid { padding: 8px 10px; } }

/**解决方案**/
.MinMenu { background: url(../images/menu_back.jpg) no-repeat center/100% 100%; }

.MinMenu .h2 { background-color: #243baf; padding: 28px 15px 28px 35px; font-weight: normal; font-size: 16px; line-height: 24px; color: #ffffff; }

.MinMenu .ul { padding: 10px 0; min-height: 519px; z-index: 2; }
.caseListBox h2{text-align: center;}
.MinMenu .ul .title { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: block; padding: 13px 15px 13px 35px; line-height: 22px; font-size: 16px; color: #878991; }

.MinMenu .ul .title.cur, .MinMenu .ul .title:hover { color: #243baf; }

.MinMenu .ul .title:hover { -webkit-transform: translateX(3px); -ms-transform: translateX(3px); -o-transform: translateX(3px); transform: translateX(3px); }

.soluteBlock { padding-bottom: 180px; }

.soluteBlock .l_cont { width: 21.66%; }

.soluteBlock .r_cont { width: 75%; }

.soluteITop .img { max-width: 50%; margin-right: 4.4%; margin-bottom: 10px; }

.soluteITop .h3 { margin-bottom: 30px; line-height: 24px; font-weight: bold; font-size: 20px; color: #333333; }

.soluteITop .des { line-height: 24px; font-size: 14px; color: #71777b; }

.soluteITop .des p + p { margin-top: 20px; }

.soluteICharact { margin-top: 4.4%; border-top: 2px solid #151f25; text-align: center; }

.soluteICharact .h4 { margin-top: 25px; margin-bottom: 10px; font-size: 20px; font-weight: bold; line-height: 26px; color: #333333; }

.soluteICharact .des { font-size: 34px; line-height: 36px; color: #9a9ea4; }

.soluteICharact .ul { margin-top: 4.44%; font-size: 0; }

.soluteICharact .li { display: inline-block; vertical-align: top; height: 420px; }

.soluteICharact .li:nth-child(1) .title { background-color: #516c96; }

.soluteICharact .li:nth-child(2) .title { background-color: #2e4d7c; }

.soluteICharact .li:nth-child(3) .title { background-color: #0e2e5f; }

.soluteICharact .content { display: inline-block; vertical-align: top; text-align: left; width: 0; height: 100%; overflow: hidden; background: no-repeat center / cover; }

.soluteICharact .content .pad { padding: 25px 30px; overflow-y: auto; }

.soluteICharact .cur .content { width: 420px; }

.soluteICharact .num { line-height: 62px; font-size: 72px; font-weight: normal; color: rgba(255, 255, 255, 0.2); }

.soluteICharact .line { display: block; margin: 20px 0; width: 16px; height: 2px; background-color: #ffffff; }

.soluteICharact .h6 { margin-bottom: 10px; line-height: 34px; font-size: 30px; font-weight: normal; color: #de1111; }

.soluteICharact .cont { line-height: 24px; font-size: 14px; color: #ffffff; }

.soluteICharact .title { display: inline-block; cursor: pointer; vertical-align: top; padding-top: 28px; height: 100%; width: 160px; line-height: 28px; font-weight: normal; font-size: 24px; color: #fff; }

.soluteICharact .title:hover .num2 { -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }

.soluteICharact .num2 { margin-bottom: 16px; -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.soluteICharact .num2::before { content: ""; display: block; margin: 0 auto 10px; width: 1px; height: 68px; background: rgba(255, 255, 255, 0.5); }

.soluteICharact .word { margin: 0 auto; -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }

@media (min-width: 992px) { .MinMenu .ul { display: block !important; } }

@media (max-width: 1200px) { /**解决方案**/
  .MinMenu .h2 { padding: 15px; font-size: 15px; }
  .MinMenu .ul { padding: 10px 0; min-height: 400px; }
  .MinMenu .ul .title { padding: 8px 15px; font-size: 15px; }
  .soluteBlock { padding-bottom: 45px; }
  .soluteITop .h3 { margin-bottom: 12px; font-size: 18px; }
  .soluteITop .des p + p { margin-top: 10px; }
  .soluteICharact { margin-top: 30px; }
  .soluteICharact .h4 { margin-top: 20px; font-size: 18px; line-height: 24px; }
  .soluteICharact .des { line-height: 24px; font-size: 22px; }
  .soluteICharact .ul { margin-top: 20px; }
  .soluteICharact .li { height: 360px; }
  .soluteICharact .content .pad { padding: 20px 25px; overflow-y: auto; }
  .soluteICharact .cur .content { width: 348px; }
  .soluteICharact .num { line-height: 42px; font-size: 52px; }
  .soluteICharact .line { margin: 15px 0; }
  .soluteICharact .h6 { margin-bottom: 10px; line-height: 28px; font-size: 24px; }
  .soluteICharact .title { padding-top: 25px; width: 140px; line-height: 24px; font-size: 20px; }
  .soluteICharact .num2 { margin-bottom: 10px; }
  .soluteICharact .num2::before { height: 48px; } }

@media (max-width: 992px) { /**解决方案**/
  .MinMenu { position: relative; }
  .MinMenu .h2 { background: #243baf url(../images/jt_3_4_h.png) no-repeat right 15px center; padding: 10px 15px; font-size: 14px; }
  .MinMenu .ul { display: none; position: absolute; width: 100%; left: 0; top: 100%; background-color: #fff; padding: 0; min-height: 0; }
  .MinMenu .ul .title { border-bottom: 1px solid #e5e5e5; padding: 7px 14px; font-size: 14px; }
  .soluteBlock { padding-bottom: 35px; }
  .soluteBlock .l_cont { width: 100%; }
  .soluteBlock .r_cont { padding-top: 30px; width: 100%; }
  .soluteICharact { margin-top: 25px; }
  .soluteICharact .h4 { margin-top: 15px; margin-bottom: 5px; font-size: 16px; line-height: 22px; }
  .soluteICharact .des { font-size: 18px; }
  .soluteICharact .ul { margin-top: 10px; }
  .soluteICharact .li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; }
  .soluteICharact .content { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; }
  .soluteICharact .cur .content { width: 100%; }
  .soluteICharact .num { display: none; }
  .soluteICharact .line { margin: 0 0 15px; }
  .soluteICharact .h6 { margin-bottom: 5px; line-height: 24px; font-size: 20px; }
  .soluteICharact .title { text-align: left; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: 15px 25px; width: 100%; line-height: 24px; font-size: 18px; }
  .soluteICharact .num2 { margin-bottom: 5px; }
  .soluteICharact .num2::before { display: none; }
  .soluteICharact .word { -webkit-writing-mode: inherit; -ms-writing-mode: inherit; writing-mode: inherit; } }

@media (max-width: 768px) { /**解决方案**/
  .soluteBlock { padding-bottom: 30px; }
  .soluteBlock .r_cont { padding-top: 20px; }
  .soluteITop .img { max-width: 40%; margin-bottom: 5px; }
  .soluteITop .h3 { margin-bottom: 5px; }
  .soluteICharact { margin-top: 15px; } }

/**产品详情**/
.productITop { padding: 10% 0 8.33%; }

.productITop .l_cont { position: relative; width: 50%; padding-left: 94px; }

.productITop .sBox { position: absolute; left: 0; top: 0; width: 74px; height: 100%; padding: 9.5% 0; }

.productITop .swiper-container { height: 100%; }

.productITop .swiper-slide { position: relative; overflow: hidden; cursor: pointer; }

.productITop .swiper-slide::before { content: ''; display: block; position: absolute; left: 1px; top: 1px; right: 1px; bottom: 1px; border: 1px solid #d6dae0; z-index: 1; }

.productITop .swiper-slide::after { content: ''; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 2px solid #243baf; opacity: 0; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; z-index: 2; }

.productITop .swiper-slide.cur::after { opacity: 1; }

.productITop .swiper-slide:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02); }

.productITop .swiper-slide img { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); display: block; }

.productITop .Btn .a { display: block; position: absolute; left: 0; height: 8%; width: 100%; z-index: 2; }

.productITop .Btn .prev { top: 1.5%; background: url(../images/jt_4_1.png) no-repeat center; }

.productITop .Btn .prev:hover { background-image: url(../images/jt_4_1_h.png); }

.productITop .Btn .next { bottom: 1.5%; background: url(../images/jt_4_2.png) no-repeat center; }

.productITop .Btn .next:hover { background-image: url(../images/jt_4_2_h.png); }

.productITop .imgBox { border: 1px solid #d6dae0; }

.productITop .imgBox::before { content: ""; display: block; padding-top: 100%; }

.productITop .r_cont { width: 50%; padding-left: 6.66%; padding-top: 10px; }

.productITop .h2 { margin-bottom: 50px; line-height: 1.2em; font-size: 30px; font-weight: normal; color: #333333; }

.productITop .des { padding: 69px 0; border-bottom: 1px solid #d6dae0; border-top: 1px solid #d6dae0; font-size: 14px; line-height: 30px; color: #5d697b; }

.productITop .des li { padding-left: 16px; background: url(../images/icon_point.png) no-repeat left 8px; }

.productICont .TabTit { background-color: #f7f8fb; border: solid 1px #d6dae0; text-align: center; font-size: 0; }

.productICont .TabTit .wid { display: inline-block; position: relative; cursor: pointer; vertical-align: top; line-height: 78px; font-weight: bold; font-size: 18px; color: #51566b; }

.productICont .TabTit .wid + .wid { border-left: 1px solid #d6dae0; }

.productICont .TabTit .wid:hover { color: #243baf; }

.productICont .TabTit .wid::after { content: ''; position: absolute; left: 0; bottom: -1px; height: 3px; width: 100%; background: #243baf; opacity: 0; }

.productICont .TabTit .wid.cur::after { opacity: 1; }

.productICont .cont { padding-bottom: 140px; line-height: 24px; font-size: 14px; color: #555661; overflow-x: hidden; }

.productICont .cont .h4 { padding: 60px 0 20px; line-height: 28px; font-size: 24px; font-weight: bold; color: #333333; }

.productICont .cont table { width: 100%; border-top: 1px solid #2a354b; border-collapse: collapse; text-align: center; font-weight: bold; }

.productICont .cont table th { height: 60px; border-bottom: 1px solid #e5e5e5; padding: 10px 14px; width: 20%; }

.productICont .cont table th:nth-child(1) { text-align: left; }

.productICont .cont table td { height: 60px; border-bottom: 1px solid #e5e5e5; padding: 10px 14px; }

.productICont .cont table td:nth-child(1) { text-align: left; }

@media (max-width: 1200px) { .productITop { padding: 45px 0; }
  .productITop .l_cont { padding-left: 84px; }
  .productITop .r_cont { padding-left: 3%; }
  .productITop .h2 { margin-bottom: 20px; font-size: 24px; }
  .productITop .des { padding: 44px 0; line-height: 28px; }
  .productITop .des li { padding-left: 18px; background-position-y: 7px; }
  .productICont .TabTit .wid { line-height: 58px; font-size: 15px; }
  .productICont .cont { padding-bottom: 45px; }
  .productICont .cont .h4 { padding: 35px 0 20px; line-height: 24px; font-size: 20px; }
  .productICont .cont table th { height: 50px; }
  .productICont .cont table td { height: 50px; } }

@media (max-width: 992px) { .productITop { padding: 35px 0; }
  .productITop .l_cont { width: 100%; padding: 0; }
  .productITop .r_cont { width: 100%; padding-left: 0; }
  .productITop .sBox { position: relative; margin-top: 15px; width: 100%; padding: 0 30px; }
  .productITop .swiper-slide { text-align: center; }
  .productITop .swiper-slide img { margin: 0 auto; height: auto; }
  .productITop .Btn .a { top: 0; left: 0; height: 100%; width: 30px; }
  .productITop .Btn .prev { background-image: url(../images/jt_4_2_3.png); }
  .productITop .Btn .prev:hover { background-image: url(../images/jt_4_2_3.png); }
  .productITop .Btn .next { left: auto; right: 0; bottom: 0; background: url(../images/jt_4_1_3.png) no-repeat center; }
  .productITop .Btn .next:hover { background-image: url(../images/jt_4_1_3.png); }
  .productITop .h2 { margin-top: 15px; margin-bottom: 15px; font-size: 22px; }
  .productITop .des { padding: 20px 0; }
  .productICont .TabTit .wid { line-height: 50px; font-size: 14px; }
  .productICont .cont { padding-bottom: 35px; }
  .productICont .cont .h4 { padding: 25px 0 15px; font-size: 18px; } }


/*公用标题-1 s*/
.publicTitleOne h3 { line-height: 1; padding-bottom: 10px; position: relative; }

.publicTitleOne h3::after { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 40px; background-color: #243baf; }

.publicTitleOne .desc { color: #878991; margin-top: 12px; }

@media (min-width: 1024px) { .publicTitleOne h3 { padding-bottom: 15px; }
  .publicTitleOne .desc { font-size: 16px; line-height: 24px; margin-top: 20px; } }

@media (min-width: 1260px) { .publicTitleOne .desc { margin-top: 25px; } }

/*公用标题-1 e*/
/*padding-top: 100 s*/
.stp100 { padding-top: 35px; }

@media (min-width: 1024px) { .stp100 { padding-top: 60px; } }

@media (min-width: 1260px) { .stp100 { padding-top: 100px; } }

/*padding-top: 100 e*/
/*筛选form表单 s*/
.publicScreen { margin-top: 14px; padding-bottom: 10px; border-bottom: solid 2px #333333; }

.publicScreen form { font-size: 0; }

.publicScreen .right span { display: inline-block; vertical-align: top; width: 80px; line-height: 38px; border: solid 1px #aaaaaa; background: #fff; letter-spacing: -1px; color: #828282; padding: 0 10px; font-size: 14px; }

.publicScreen .formarea { width: -webkit-calc(100% - 84px); width: calc(100% - 84px); margin-left: 4px; font-size: 14px; display: inline-block; vertical-align: top; position: relative; border: solid 1px #aaaaaa; background: #fff; padding-right: 38px; }

.publicScreen .screenInput { height: 38px; padding: 0 10px; width: 100%; }

.publicScreen .screenSubmit { position: absolute; top: 0; right: 0; height: 38px; width: 38px; background: url(../images/icon-white.png) no-repeat center center; }

.publicScreen .left { color: #828282; line-height: 20px; margin-top: 8px; }

.publicScreen .left span { color: #243BAF; }

.publicScreen .left i { padding: 0 10px; position: relative; width: 1px; }

.publicScreen .left i::before { content: ''; position: absolute; left: 50%; width: 1px; height: 14px; background: #828282; top: 2px; }

@media (min-width: 1024px) { .publicScreen { padding-bottom: 30px; }
  .publicScreen .formarea { width: 343px; }
  .publicScreen .right { float: right; }
  .publicScreen .left { margin-top: 0; line-height: 40px; } }

@media (min-width: 1260px) { .publicScreen { padding-bottom: 40px; }
  .publicScreen .right span { width: 160px; line-height: 44px; padding: 0 20px; }
  .publicScreen .left { line-height: 46px; }
  .publicScreen .formarea { padding-right: 44px; }
  .publicScreen .screenInput { height: 44px; padding: 0 20px; }
  .publicScreen .screenSubmit { width: 44px; height: 44px; } }

/*筛选form表单 e*/
/*公用分享 s*/
.publicShare { font-size: 0; }

.publicShare span { font-size: 14px; display: inline-block; vertical-align: top; line-height: 30px; }

.publicShare .bdsharebuttonbox { display: inline-block; vertical-align: top; }

.publicShare .bdsharebuttonbox a { font-size: 14px; margin: 0 0 0 5px; padding: 0; width: 30px; height: 30px; -webkit-border-radius: 100%; border-radius: 100%; background-position: center center; background-size: 100% 100%; }

.publicShare .bdsharebuttonbox .share-wx { background-image: url(../images/share-wx.png); }

.publicShare .bdsharebuttonbox .share-wb { background-image: url(../images/share-wb.png); }

.publicShare .bdsharebuttonbox .share-qq { background-image: url(../images/share-qq.png); }

.publicShare .bdsharebuttonbox .share-qzone { background-image: url(../images/share-qzone.png); }

@media (min-width: 1024px) { .publicShare { padding-top: 6px; }
  .publicShare span { line-height: 35px; font-size: 16px; }
  .publicShare .bdsharebuttonbox a { height: 35px; width: 35px; margin-left: 10px; } }

/*公用分享 e*/
/*更多按钮-1 s*/
.publicMore a { line-height: 30px; display: block; font-size: 14px; position: relative; padding: 0 10px; color: #243BAF; font-weight: bold; }

.publicMore a:hover::before { width: 100%; }

.publicMore a::after { content: ''; width: 13px; height: 13px; display: inline-block; vertical-align: middle; background: url(../images/icon-right22.png) no-repeat center center; background-size: 100% 100%; }

.publicMore a::before { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 30px; border: solid 1px #243BAF; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }

.publicMore a span { padding: 0 2px; background: #fff; position: relative; z-index: 2; }

@media (min-width: 1024px) { .publicMore a { line-height: 48px; padding: 0 15px; font-size: 16px; }
  .publicMore a::before { width: 48px; }
  .publicMore a:hover::after { -webkit-animation: move1 1s linear infinite; -o-animation: move1 1s linear infinite; animation: move1 1s linear infinite; }
  .publicMore a span { padding: 5px; }
  .publicMore a::after { width: 19px; height: 19px; margin-left: 6px; vertical-align: top; margin-top: 14px; } }

/*更多按钮-1 e*/
/*公用标题-1 s*/
.publicTitleOne h3 { font-size: 18px; line-height: 1; padding-bottom: 14px; position: relative; }

.publicTitleOne h3::after { content: ''; position: absolute; left: 0; bottom: 0; background-color: #243BAF; height: 2px; width: 40px; }

@media (min-width: 1024px) { .publicTitleOne h3 { font-size: 24px; padding-bottom: 17px; } }

@media (min-width: 1260px) { .publicTitleOne h3 { font-size: 28px; } }

/*公用标题-1 e*/



.full-searchA-wrapper .search-hd { border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-form { padding: 20px 0; }

.full-searchA-wrapper .search-form form { position: relative; display: block; width: 100%; max-width: 520px; margin: 0 auto; padding-right: 80px; border: 1px solid #333;  -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

.full-searchA-wrapper .search-form input { display: block; width: 100%; font-size: 14px; line-height: 38px; height: 38px; }

.full-searchA-wrapper .search-form input[type='text'] { padding-left: 36px; background-repeat: no-repeat; background-position: 12px center; background-size: auto 16px; background-image: url(../images/searchAico.png);  }

.full-searchA-wrapper .search-form input[type='submit'] { position: absolute; right: 0; top: 0; z-index: 3; width: 80px; padding: 0 20px; color: #fff;  background-color: #333;  }

.full-searchA-wrapper .search-cate ul { margin-bottom: -1px; white-space: nowrap; overflow-x: auto; }

.full-searchA-wrapper .search-cate li { display: inline-block; vertical-align: top; margin-right: 10px; }

.full-searchA-wrapper .search-cate a { display: block; font-size: 14px; line-height: 30px; padding: 0 5px; border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-cate .cur a { border-bottom-color: #333;  }

.full-searchA-wrapper .search-result .length { padding: 10px 0; }

.full-searchA-wrapper .search-result .nodata { padding: 20px 0; }

.full-searchA-wrapper .result-list li { padding: 10px 0; border-bottom: 1px solid #ccc;  }

.full-searchA-wrapper .result-list li a { display: block; }

.full-searchA-wrapper .result-list .thumb { float: left; width: 135px; margin-right: 10px; }

.full-searchA-wrapper .result-list .thumb img { max-width: 100%; }

.full-searchA-wrapper .result-list .content { overflow: hidden; }

.full-searchA-wrapper .result-list .content h2 { font-size: 16px; line-height: 24px; max-height: 48px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333;  }

.full-searchA-wrapper .result-list .desc { font-size: 14px; line-height: 24px; max-height: 48px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666;  }

.full-searchA-wrapper .result-list .more { font-size: 14px; line-height: 24px; }

.full-searchA-wrapper .loadmore { overflow: hidden; padding: 10px 0; }

.full-searchA-wrapper .loadmore a { display: block; padding: 0; margin: 0; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff;  background-color: #cd002b;  }

.full-searchA-wrapper mark { color: #fff;  background-color: #cd002b;  }

@media (min-width: 640px) { .full-searchA-wrapper .search-form { padding: 30px 0; }
  .full-searchA-wrapper .result-list li { padding: 15px 0; }
  .full-searchA-wrapper .result-list .thumb { width: 180px; }
  .full-searchA-wrapper .result-list .loadmore { padding: 20px 0; } }

@media (min-width: 1024px) { .full-searchA-wrapper .search-form { padding: 40px 0;  }
  .full-searchA-wrapper .commonweb { max-width: 960px; }
  .full-searchA-wrapper .loadmore { padding: 40px 0;  }
  .full-searchA-wrapper .loadmore a { line-height: 50px; }
  .full-searchA-wrapper .result-list a .content h2 { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .full-searchA-wrapper .result-list a:hover .content h2 { color: #ff5500; }
  .full-searchA-wrapper .result-list li { padding: 20px 0;  }
  .full-searchA-wrapper .result-list .content h2 { margin-bottom: 10px; font-weight: bold; }
  .full-searchA-wrapper .result-list .thumb { width: 280px;  margin-right: 30px;  } }


/*相册轮播 s*/
.thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 2018; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); }

.thumb-popup .thumb-wraper { position: absolute; top: 50%; right: 0; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; width: 100%; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper { position: relative; overflow: hidden; width: 90%; max-width: 880px; margin: 0 auto; }

.thumb-popup .close { position: absolute; right: 4%; top: 4%; z-index: 9; width: 40px; height: 40px; font-size: 24px; font-weight: bold; text-align: center; color: #fff; cursor: pointer; background: #5261b9; -webkit-border-radius: 100%; border-radius: 100%; line-height: 40px; opacity: 1; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li { padding: 0 20px; overflow: hidden; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li img { display: block; max-width: 100%; max-height: 90%; position: relative; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); width: 640px; }

.thumb-popup .thumb-wraper .thumb-copy-wrapper .swiper-wrapper li p { text-align: center; font-size: 16px; padding: 20px 0; color: #fff; bottom: 5%; width: 100%; left: 0; position: absolute; }

.thumb-popup .thumb-wraper .banner-btn { display: none; width: 60px; height: 120px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 2; cursor: pointer; }

.thumb-popup .thumb-wraper .banner-btn::after { content: ""; position: absolute; top: 40%; left: 50%; margin-top: -5px; width: 40px; height: 40px; border-right: 1px solid #fff; border-top: 1px solid #fff; border-left: 0; border-bottom: 0; }

.thumb-popup .thumb-wraper .banner-btn.swiper-left { left: -10px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right { right: -10px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-left::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: -4px; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right::after { margin-left: -7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.thumb-popup .thumb-wraper .banner-btn.swiper-left:hover::after { border-color: #5261b9; }

.thumb-popup .thumb-wraper .banner-btn.swiper-right:hover::after { border-color: #5261b9; }

.thumb-popup .thumb-wraper .banner-btn.swiper-button-disabled { cursor: default; }

@media (min-width: 768px) { .thumb-popup .thumb-wraper .banner-btn.swiper-left { left: 4%; }
  .thumb-popup .thumb-wraper .banner-btn.swiper-right { right: 4%; } }

@media (min-width: 1024px) { .thumb-popup .thumb-wraper .banner-btn { display: block; } }

/*相册轮播 e*/

#ie-alert-overlay { width: 100%; height: 100%; background: url(../images/bg.png) repeat 0 0; position: fixed; top: 0; left: 0; z-index: 9999; }

* html #ie-alert-overlay { position: absolute; z-index: 9999; }

#ie-alert-panel { width: 520px; height: 331px; position: fixed; background: url(../images/iealertsprite.png) no-repeat; background-position: -1px -109px; top: 50%; left: 50%; margin: -201px 0 0 -296px; padding: 72px 0 0 72px; _position: absolute; _top: expression(300+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px'); font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight: bold; color: #333; line-height: 1.5em; z-index: 10000; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel div, #ie-alert-panel p, #ie-alert-panel span, #ie-alert-panel a, #ie-alert-panel img, #ie-alert-panel ul, #ie-alert-panel li { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

#ie-alert-panel p { font-size: 14px; width: 486px; text-align: justify; }

#ie-alert-panel img { border: 0; }

#ie-alert-panel span { font-size: 18px; margin: 0 0 20px 0; display: block; padding: 0; }

#ie-alert-panel ul { list-style: none; margin: 0; padding: 0; overflow: hidden; }

#ie-alert-panel li { float: left; margin: 0 22px 0 0; }

#ie-alert-panel li.last { margin-right: 0; }

#ie-alert-panel a { display: inline-block; vertical-align: top; }

#goon { text-decoration: underline; }

.browser { position: absolute; bottom: 35px; }

.chrome, .firefox, .ie9, .opera, .safari { background: url(../images/iealertsprite.png) no-repeat; }

.chrome { background-position: 0 0; width: 73px; height: 96px; margin: 0 4px 0 0; }

.firefox { background-position: -292px 0; width: 73px; height: 98px; }

.ie9 { background-position: -179px 0; width: 95px; height: 98px; }

.opera { background-position: -90px 0; width: 73px; height: 98px; }

.safari { background-position: -387px 0; width: 73px; height: 98px; margin: 0 4px 0 0; }


.video-player-popup { display: none; position: fixed; left: 0; top: 0; z-index: 201; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); font-size: 0; text-align: center; }

.video-player-popup:before { content: ""; width: 0; height: 100%; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.video-player-popup .video-player { position: relative; width: 94%; min-height: 300px; max-width: 960px; margin-top: 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }

.video-player-popup .close { position: absolute; right: 0; top: -40px; width: 40px; height: 40px; background: url(../images/closebtn.png) no-repeat center; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; }

.video-player-popup .close:hover { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }


@media (min-width: 1024px) { .video-player-popup .video-player { height: 500px; } }

@media (min-width: 1600px) { .video-player-popup .video-player { height: 600px; } }



/*网站地图 s*/
.hgySitemap .sitemapcont2 { padding: 6% 10px; overflow: hidden; background: #fff; }

.hgySitemap .sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.hgySitemap .sitemapcont2 dl:last-child { margin-bottom: 0; }

.hgySitemap .sitemapcont2 dt { font-size: 16px; font-weight: bold; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.hgySitemap .sitemapcont2 dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.hgySitemap .sitemapcont2 dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

@media (min-width: 1024px) { .hgySitemap .sitemapcont2 { padding: 3.5% 30px; }
  .hgySitemap .sitemapcont2 dl { margin-bottom: 55px; }
  .hgySitemap .sitemapcont2 dt { font-size: 20px; }
  .hgySitemap .sitemapcont2 dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .hgySitemap .sitemapcont2 dd a { margin: 0 45px 8px 0; } }

/*网站地图 e*/



.full-searchA-wrapper .search-hd { border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-form { padding: 20px 0; }

.full-searchA-wrapper .search-form form { position: relative; display: block; width: 100%; max-width: 520px; margin: 0 auto; padding-right: 80px; border: 1px solid #333;  -webkit-border-radius: 20px; border-radius: 20px; overflow: hidden; }

.full-searchA-wrapper .search-form input { display: block; width: 100%; font-size: 14px; line-height: 38px; height: 38px; }

.full-searchA-wrapper .search-form input[type='text'] { padding-left: 36px; background-repeat: no-repeat; background-position: 12px center; background-size: auto 16px; background-image: url(../images/searchAico.png);  }

.full-searchA-wrapper .search-form input[type='submit'] { position: absolute; right: 0; top: 0; z-index: 3; width: 80px; padding: 0 20px; color: #fff;  background-color: #333;  }

.full-searchA-wrapper .search-cate ul { margin-bottom: -1px; white-space: nowrap; overflow-x: auto; }

.full-searchA-wrapper .search-cate li { display: inline-block; vertical-align: top; margin-right: 10px; }

.full-searchA-wrapper .search-cate a { display: block; font-size: 14px; line-height: 30px; padding: 0 5px; border-bottom: 1px solid #d6d6d6;  }

.full-searchA-wrapper .search-cate .cur a { border-bottom-color: #333;  }

.full-searchA-wrapper .search-result .length { padding: 10px 0; }

.full-searchA-wrapper .search-result .nodata { padding: 20px 0; }

.full-searchA-wrapper .result-list li { padding: 10px 0; border-bottom: 1px solid #ccc;  }

.full-searchA-wrapper .result-list li a { display: block; }

.full-searchA-wrapper .result-list .thumb { float: left; width: 135px; margin-right: 10px; }

.full-searchA-wrapper .result-list .thumb img { max-width: 100%; }

.full-searchA-wrapper .result-list .content { overflow: hidden; }

.full-searchA-wrapper .result-list .content h2 { font-size: 16px; line-height: 24px; max-height: 48px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #333;  }

.full-searchA-wrapper .result-list .desc { font-size: 14px; line-height: 24px; max-height: 48px; line-height: 24px; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: #666;  }

.full-searchA-wrapper .result-list .more { font-size: 14px; line-height: 24px; }

.full-searchA-wrapper .loadmore { overflow: hidden; padding: 10px 0; }

.full-searchA-wrapper .loadmore a { display: block; padding: 0; margin: 0; font-size: 16px; line-height: 40px; text-align: center; color: #ffffff;  background-color: #cd002b;  }

.full-searchA-wrapper mark { color: #fff;  background-color: #cd002b;  }

@media (min-width: 640px) { .full-searchA-wrapper .search-form { padding: 30px 0; }
  .full-searchA-wrapper .result-list li { padding: 15px 0; }
  .full-searchA-wrapper .result-list .thumb { width: 180px; }
  .full-searchA-wrapper .result-list .loadmore { padding: 20px 0; } }

@media (min-width: 1024px) { .full-searchA-wrapper .search-form { padding: 40px 0;  }
  .full-searchA-wrapper .commonweb { max-width: 960px; }
  .full-searchA-wrapper .loadmore { padding: 40px 0;  }
  .full-searchA-wrapper .loadmore a { line-height: 50px; }
  .full-searchA-wrapper .result-list a .content h2 { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
  .full-searchA-wrapper .result-list a:hover .content h2 { color: #ff5500; }
  .full-searchA-wrapper .result-list li { padding: 20px 0;  }
  .full-searchA-wrapper .result-list .content h2 { margin-bottom: 10px; font-weight: bold; }
  .full-searchA-wrapper .result-list .thumb { width: 280px;  margin-right: 30px;  } }

/*20210122 s*/
.newsDetailCon .left {
  display: none;
}
@media (min-width: 768px) {
  .newsDetailCon .right {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .Btns .next {
    position: absolute;
    top: -40px;
    right: 0;
  }
  .IndexCase .Btns {
    height: 38px;
  }
}

/*20210122 e*/

@media (max-width: 465px){
  .historyCtrl{top: 66px;}
  .historyNext, .historyPrev{display:inline-block;}
}